如何将 child DIV 对齐到中心(不是中间)?
How to align a child DIV to center (not middle)?
我花了一天时间寻找一种方法将我的 child DIV 与其 parent 对齐,但我的所有研究都显示相同的结果。
这是我第一次创建网页。
!http://i.imgur.com/xpUsMzU.png <== 结果
https://jsfiddle.net/backspaced/6uy56hw4/ <==代码
._header0 {
position: relative ;
white-space: nowrap ;
overflow: hidden ;
text-align: center ;
width: 100% ;
如果您试图将任何 div 置于另一个 div 容器的中心,您可以为内部 div 提供以下内容 CSS:
display:inline-block;
然后给外层-div如下CSS:
text-align:center;
JSFiddle 示例去掉了多余的标记和样式以便于理解。
我花了一天时间寻找一种方法将我的 child DIV 与其 parent 对齐,但我的所有研究都显示相同的结果。
这是我第一次创建网页。
!http://i.imgur.com/xpUsMzU.png <== 结果
https://jsfiddle.net/backspaced/6uy56hw4/ <==代码
._header0 {
position: relative ;
white-space: nowrap ;
overflow: hidden ;
text-align: center ;
width: 100% ;
如果您试图将任何 div 置于另一个 div 容器的中心,您可以为内部 div 提供以下内容 CSS:
display:inline-block;
然后给外层-div如下CSS:
text-align:center;
JSFiddle 示例去掉了多余的标记和样式以便于理解。