【问题标题】:How to align a child DIV to center (not middle)?如何将子 DIV 对齐到中心(不是中间)?
【发布时间】:2015-02-13 13:46:36
【问题描述】:

我花了一天时间寻找一种方法来使我的孩子 DIV 与其父母保持一致,但我所有的研究都显示了相同的结果。

这是我第一次创建网页。

!http://i.imgur.com/xpUsMzU.png

https://jsfiddle.net/backspaced/6uy56hw4/

._header0 {
position: relative ;
white-space: nowrap ;
overflow: hidden ;
text-align: center ;
width: 100% ;

【问题讨论】:

  • 我无法清楚地理解您的问题。请多解释

标签: html css alignment


【解决方案1】:

如果您尝试在另一个 div 容器中将任何 div 居中,您可以为 inner-div 提供以下 CSS:

display:inline-block;

然后给outer-div下面的CSS:

text-align:center;

JSFiddle 示例去掉了多余的标记和样式以便于理解。

JSFiddle

【讨论】:

    猜你喜欢
    • 2016-09-15
    • 2010-12-16
    • 1970-01-01
    • 1970-01-01
    • 2013-06-01
    • 2012-03-30
    • 2014-07-08
    • 2013-05-30
    • 2021-10-24
    相关资源
    最近更新 更多