有关内联块元素上的CSS text-align?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (44)

我有这样的结构:

<div class="father">
 This string is left-aligned
 <div class="divToCenter" style="display:inline-block;">
  //contains other divs.I used inline block for making this div as large as 
  //content ATTENTION: its width is not fixed! 
 </div>

</div>

我让名为“divToCenter”的类以“父”div为中心。

提问于
用户回答回答于

#left {
  float: left;
   background: #eee;
   width: 200px; /* width is optional */
}
#content {
  overflow: hidden;
  text-align: center;
}
    <div class="father">
     <div id="left">This string is left-aligned</div>
     <div id="content">
      <!-- contains other divs.I used inline block for making this div as large as content -->
     </div>
    </div>

​将左对齐的字符串或块向左浮动,然后overflow:hidden在内容上自动占用剩余空间,你可以按照text-align以自己的方式进行操作。

或者将左侧内容转换为内联块也是如此,因此它和内容并排放置,你可以分别将text-align它们inline-block分开。

用户回答回答于

扫码关注云+社区

领取腾讯云代金券