2010年4月22日 · easy way you can center anything is with flexbox as well. for x axis just set justify-content: center and for y axis you can set align-items: center;. to make a div completly in the middle center, use both! (for Parent element) –

2008年9月22日 · Some posters have mentioned the CSS 3 way to center using display:box.. This syntax is outdated and shouldn't be used anymore.

2013年3月19日 · The text-align: center; only centers the element's inline contents, not the element itself.. If it is a block element (a div is), you need to set margin: 0 auto;, else if it is an inline element, you need to set the text-align: center; on its parent element instead.

2008年12月11日 · First position the div's top left corner at the center of the page (using position: fixed; top: 50%; left: 50%). Then, translate moves it up by 50% of the div's height to center it vertically on the page. Finally, translate also moves the div to the right by 50% of it's width to center it horizontally.

2013年3月13日 · @PeterMortensen I disagree with this edit; I believe the author meant 'center float' as in simply 'center' a div in a way that floats, rather than centering a div that has float properties already assigned. Although more importantly, answers on this question shouldn't be getting edited at all, really.

2015年8月11日 · I have four divs contained in another div, and I want the four inner divs to be centered. I have used float: left on the four divs so that they are horizontally aligned. CSS: <style> ....

2017年7月20日 · I want a div which is centered vertically and horizontally i.e. in the centre of a page. I tried position: absolute and making the div's top right bottom left 0! But the problem is when i zoom in the

2017年7月28日 · Learn how to center content in a div using CSS with various techniques and examples.

2009年3月6日 · If old browsers are not an issue, use HTML5 / CSS3. If they are, apply polyfills and still use HTML5 / CSS3. I assume that your div has no margins or paddings here, but they are relatively easy to account for.

2009年6月5日 · position: absolute and then top:50% and left:50% places the top edge at the vertical center of the screen, and the left edge at the horizontal center, then by adding margin-top to the negative of the height of the div, i.e., -100 shifts it above by 100 and similarly for margin-left.