vertical-alignment

问题 I can't center vertically popup_interstitial_table that contains an ads type container. The fiddle it is autoexplained: http://jsfiddle.net/NomikOS/D8LLM/ jQuery solutions are welcome too. HTML: <div id="popup_interstitial"> <div id="parent"> <div id="popup_interstitial_pro_head_text"> Headline text </div> <div id="child"> <div id="popup_interstitial_table"> <div id="popup_interstitial_row2"> <div id="popup_interstitial_title"><?php echo $title; ?></div> <img id="popup_interstitial_image" src

问题 Given this little piece. http://jsfiddle.net/4gb6K/7/ I am attempting to align the "bot" element at the bottom while keeping the "top" at top. I choose to draw up this little example with div's to try a few things my self, so ill use that instead of the actual one, same concept though. Actual html looks more like: <a class="box" href="single.html" title="Link to Single Page"> <h4>Cras vestibulum</h4> <p>Cras vestibulum lorem et dui mollis sed posuere leo semper.</p> <img alt="" src="images

问题 I am trying to find the most effective way to align text with a div. I have tried a few things and none seem to work. .testimonialText { position: absolute; left: 15px; top: 15px; width: 150px; height: 309px; vertical-align: middle; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 1em 0 1em 0; } <div class="testimonialText"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore

问题 When I'm making web pages I like to use unicode characters for icons when images or SVGs really aren't necessary. It's easy for me and it makes the page lighter. This works pretty well, usually, except that I always end up having to fiddle with the offset to get it centered correctly. Yes, yes, I know about this: .someDiv { width: 10px; height: 10px; line-height: 10px; text-align: center; } But the catch is that most glyphs are not themselves vertically centered. This means that I end up, for

问题 I have rows (of horizontal LinearLayout ) with a TextView at the end that displays time. An this is how it looks: Now I need the suffix (am/pm) in all rows to be aligned vertically. This is not the case in the above layout, as you can see, the last row is misaligned as the displayed time is longer. I achieved this using the tab character \u0009. This means I would set the text to be for example "7:21\u0009\u0009pm". This produces desired result as show below: However, I need to know if (1)

问题 I have a JTextPane, into which I need to insert a JComponent. I'm using JTextPane.insertComponent(Component) The item is indeed inserted, but the vertical positioning is too high. Instead of having the bottom of the component aligned with the baseline of the current line of text, the component is way above that position, blocking out/over-painting lines of text appearing above. I have tried calling setAlignmentY(float) with various values, on both the inserted component and the JTextPane, but

问题 On a <nav> bar layout I used display: table on the parent <ul><li> item and display: table-cell on the child <a> item to be able to use vertical-align: middle on the <a> item. (Some items are multiline, so setting line-height is not a possibility). On Chrome/Chromium I get the whole <nav> bar 'shifting' to the right when I hover over menu items (only when they have children). This doesn't happen on Firefox. Load the jfiddle in both browsers and see: http://jsfiddle.net/qcQKP/2/ Does anyone

问题 I am trying to make vertical-aligned div in relation to auto height div. It is a little bit hard to explain so I have screenshot that will explain everything: The orange div is the container . The blue div is 2nd container inside the main container . The green div is the vertical-aligned div which should be aligned in relation to the blue one. I have no idea how to make this work. I want it to be cross browser (ie6+, ff & chrome). Thank you very much! 回答1: See: http://jsfiddle.net/thirtydot

问题 I have a problem with vertically align 3 spans inside a div. It's easy to achieve, but vertical align doesn't work when i use float. I want that lightblue bar to be vertically centered. Code: .container { } .text-1 { float: left; padding-right: 10px; } .bar { background-color: lightblue; border-radius: 5px; float: left; height: 5px; width: 150px; } .text-2 { padding-left: 10px; } <div class="container"> <span class="text-1">Text 1</span> <span class="bar"> </span> <span class="text-2">Text 2<

问题 import net.java.dev.designgridlayout.Tag; import net.java.dev.designgridlayout.DesignGridLayout; import javax.swing.table.DefaultTableModel; import javax.swing.*; import javax.swing.event.*; import java.awt.*; import java.awt.event.*; class alignmentprob { JFrame JF; Container C,C5; JDesktopPane JDP; JInternalFrame JIF5; JLabel i5l1,i5l2,i5l3,i5l4,i5l5,i5l6,i5l7; JTextField i5t1,i5t2,i5t3; JComboBox<String> i5cb1; JButton i5b1,i5b2,i5b3; JSeparator i5sep1,i5sep2,i5sep3,i5sep4,i5sep5,i5sep6;