html - How do I center an image vertically within a div that is position:fixed? -


इस सवाल का पहले से ही एक उत्तर है: < / P>

  • 6 उत्तर

    मैंने एक के माध्यम से देखा है कई ऊर्ध्वाधर केंद्रित तकनीकों में से बहुत सारे हैं, लेकिन कोई भी मेरे लिए काम नहीं कर रहा है - मुख्यतः क्योंकि मैं एक निश्चित स्थित डिवा का उपयोग कर रहा हूं। 

      & lt; div id = "lightbox" & gt; & Lt; div id = "lightboxImgContainer" & gt; & Lt; img src = "'+ image_href +'" / & gt; & Lt; / div & gt; & Lt; / div & gt; # लाइटबॉक्स {स्थिति: तय; शीर्ष: 0; बाएं: 0; चौड़ाई: 100%; ऊंचाई: 100%; पृष्ठभूमि: #ffffff; text-align: केंद्र; z- सूचकांक: 4; कुछ भी डिस्प्ले मत करो; } #lightboxImgContainer {display: table-cell; ऊर्ध्वाधर- align: मध्यम; अधिकतम ऊँचाई: 100%; अधिकतम-चौड़ाई: 100%; text-align: केंद्र; } # लाइटबॉक्स आईएमजी {अधिकतम-ऊंचाई: 100%; अधिकतम-चौड़ाई: 100%; }   
     इसके अलावा, क्या मैं एकमात्र व्यक्ति हूँ जो सोचता है कि यह एक मजाक है जो ऊर्ध्वाधर संरेखण क्षैतिज संरेखण के समान सरल नहीं है? मैंने इस पर बहुत ज्यादा समय बिताया है जो एक सामान्य कार्य होना चाहिए।   
     
     
     सबसे आसान इसे पृष्ठभूमि छवि के रूप में सेट करना है:  
      #lightbox {background: url (myimage.jpg) नहीं-दोहराने केंद्र केंद्र}   
     वैकल्पिक रूप से, आप flexbox का उपयोग कर सकते हैं यदि आप  
      #lightbox {display: flex; } # लाइटबॉक्स आईएमजी {align-items: center; }

Comments

Post a Comment

Popular posts from this blog

How can I add a seperate action listener to all 14 of my buttons at once that can determine player turn?(java) -

I have a big code, for a game I'm calling Tommy's Kumamak. I know that this is not beautiful, but I am very naive and for some reasons I know from using arrays, anyway, my problem is that I can not add a variable outside the listener and within the action listener I can modify the variable (pTurn ++) from How can I go about adding a count to that variable from inside the action listener? 1 error was found: file: c: \ user \ public \ togiz_kumalak.java [line: 130] error: local variables pTurn is accessed from within internal class; Need to be declared final int pTurn = 0; Button1.addActionListener {new zero-action action (action event e) {pTurn ++; if (pTurn% 2 == 0) {display.append ("\ n Player 2 cup 1");} If ( PTurn% 2! = 0) {display.append ("\ nPlayer 1Cup 1")}}); In that case, move the contents of the functionalities into orbit and then call the action For example, display the method from: Private Zero Button Press {pTurn ++; If (pTurn% 2...
Read more

Simple file compression in C -

I am new to programming with C, and I need elsewhere that I can read on file compression in C I am I only need a simple accredited method, for example it will help but mostly I can read it to understand. Probably a good starting point RLE is very simple but it is not so insignificant to apply see it :
Read more

php - Sorting an multidimension array using usort fails -

I tried to use custom-made YouTube fun cats when I ran 5 cell arrays in 30 seconds and then a Throwing a serious error. I tried to know that I have been made an infinite loop, but he did not install it. iPhone 5S 32GB [Price] => 0 [Description] => A new apple product [Image_URL] = & Gt; [Business_ID] = & gt; 6 [keyword] = & gt; ["iPhone", "iPhone 5s", "Apple", "32 GB"]) [1] = & gt; array ([name] = & Gt; iPhone 4S 32g [Price] => 300 [Description] => Apple iPhone 4S = [Image_URL] => [Business_ID] => 6 [Keyword] = & gt; [ "IPhone 4S", "" iPhone "," Apple "," 32 GB "])) search: $ searchTerm =" iphone 5s "; Code: if (! SearchTerm below!) {$ SearchTermWords = Explosion (" ", $ searchTerm); $$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ ['Keyword']; $ bKeywords = $...
Read more