html - How to set the container height automatically maintaining the ratio -

-

मेरे पास img वस्तु एक div वस्तु के भीतर है मैं img (या div ) की चौड़ाई को सेट करना चाहता हूं और अपनी ऊंचाई को स्वचालित रूप से छवि के मूल अनुपात को बनाए रखने के लिए जो भी आवश्यक है, सेट करना चाहते हैं।

< पी> मान लीजिए कि मैं चौड़ाई को 200px पर सेट करता हूं, जो छवि की प्राकृतिक चौड़ाई से कम है। जब मैं ऐसा करता हूं:

HTML 

  & lt; div id = "container" & gt; & Lt; img id = "foo" src = "foo.png" & gt; & Lt; / div & gt;

सीएसएस 

  #foo {width: 200px; }

या 

  # कंटेनर {चौड़ाई: 200px; }

img में मूल अनुपात को बनाए रखने के लिए जो कुछ भी आवश्यक है, उसके लिए ऊँचाई सेट है, लेकिन बाहरी div ऊंचाई सेट है आंतरिक छवि की प्राकृतिक ऊंचाई तक, और ऊपर और नीचे के हाशिये आंतरिक img और बाहरी div के बीच डाली जाती हैं।

मुझे बाहरी कोड चाहिए img के मूल अनुपात को बनाए रखने के लिए जो कुछ भी जरूरी है उसे

और img < / कोड> शून्य हो जाएगा मैं यह कैसे कर सकता हूं?

इस कोड की कोशिश करें 

  & lt; div वर्ग = "कंटेनर" & gt; & Lt; img src = "demo.jpg" alt = "" / & gt; & Lt; / div & gt; शरीर {मार्जिन: 0; }। कंटेनर {चौड़ाई: 200px; सीमा: 1px ठोस लाल; कंटेनर की ऊंचाई की जांच करने के लिए // टीएमपी जोड़ा गया। कंटेनर आईएमजी {डिस्प्ले: ब्लॉक; चौड़ाई: 100%; }

Comments

Post a Comment

Popular posts from this blog

GO: Serve static pages -

-
I'm trying to display a static page with Go. Go: Package main import "net / http" function main () {fs: = http.FileServer (http.Dir ("static / house")) Http: .handle ("/", fs) http.ListenAndServe (": 4747", zero)} directory: project / stable home Html edit.html project.go When I run it, the web page displays links to edit.html and home.html instead of displaying a static page from home.html is. What am I doing wrong. Is this the best way to serve files? I know that there are other ways like From the HTML / templates package, but I'm not sure what is the difference between each of these methods and when. Thanks! fancy main () {http.Handle ("/", http.FileServer (Http) .ir ("static")) http.ListenAndServe (": 4747", zero)} You do not need static / home , just Static . and when you do not have index.html in / static , the directory instead Content appears. Just change the name of...
Read more

Folder list php -

-
I want to list folder names in the list. There is a file to show the folder name. There is already a problem, please do a test. Another code would be OK. & lt ;? Php function getFileList ($ folder name, $ fileType = "") {if (substr ($ folderName, strlen ($ folderName) - 1)! = "/") {$ Folder name. = '/'; } Foreach (Globe ($ folderName. '*'. $ FileType) $ filename) {if_dir ($ filename)) {$ type = 'folder'; } And {$ type = 'file'; } Echo str_replace ($ folderName, '', $ filename. ' '); }} // call function getFileList ('folder name'); // List of all files? & Gt; & Lt; Select class = "form" name = "userlevel" size = "1" & gt; & Lt; Option value = "& lt ;? php getFileList ('theme') ;? & gt;" & Gt; فولدر 1 & lt; / Options & gt; & Lt; Option value = "& lt ;? php getFileList ('theme') ;? & gt;" ...
Read more

java - how to parse a JSON string into ObjectNode in Jackson? -

-
First of all, can anyone explain, what is the difference between the object node and the jesenand, and where did they use it? Then what can I do if I want to convert a JSON string to ObjectNode? You can: object mapper mapper = new object On mapper (); JsonNode realObj = mapper.valueToTree ("{\" k1 \ ": \" v1 \ "}") JsonNode is a super class of this object node. You can find differences in the API.
Read more