如何将div宽度设置为无内容？

守则：如何将div宽度设置为无内容？

<html> 
    <head> 
     <style type="text/css"> 
     div{border:solid 1px gray;} 
     #mainDiv 
     { 
      width:300px; 
     } 
     .leftDiv 
     { 
      display:table-cell; 
      width:50%; 
     } 
     .rightDiv 
     { 
      display:table-cell; 
      width:50%; 
     } 
     </style> 
    </head> 
    <body> 
     <div id="mainDiv"> 
     <div class="titleDiv"> 
      ...titleDiv content... 
     <div> 
     <div class="leftDiv"> 
      ...leftDiv content... 
     </div> 
     <div class="rightDiv"> 
      ...rightDiv content... 
     </div> 
     </div> 
    </body> 
</html>

问题时遇到的是leftDiv和rightDiv如果没有在他们足够的内容，这样做只是充分发挥其宽度。

这对我来说是个问题，因为我只想播放leftDiv中的一个单词并将其对齐到右侧。

来源

2010-11-20 Babiker

为什么要设置显示使用：表单元格为这些div？ – 2010-11-20 19:18:14

<html> 
    <head> 
     <style type="text/css"> 
     div{border:solid 1px gray;} 
     #mainDiv 
     { 
      width:300px; 
      overflow:auto; 
     } 
     .float 
     { 
      float:left; 
      width:50%; 
     } 
     </style> 
    </head> 
    <body> 
     <div id="mainDiv"> 
     <div class="titleDiv"> 
      ...titleDiv content... 
     <div> 
     <div class="float"> 
      ...leftDiv content... 
     </div> 
     <div class="float"> 
      ...rightDiv content... 
     </div> 
     </div> 
    </body> 
</html>

来源

2010-11-20 19:19:15

+1：请注意：边框会使浮动div不合适，但如果您取出边框，则解决方案有效。 – 2010-11-20 19:38:47

@Sebastian是的。在这种情况下，我的解决方案是（通常）在浮动的DIV上定义一个px宽度，在这种情况下为148px ... – 2010-11-20 19:41:26

或者您可以在div上加上负边距，甚至可以添加一个“box-sizing ：border-box'给他们。 – Eric 2010-11-20 21:41:28

可以

text-align:right

来源

2010-11-20 19:19:54 kobe

如何将div宽度设置为无内容？

回答

相关问题