CSS – 宽度不在span标记上

我有一个问题，我的一个跨度。请cosider以下样式：

.form_container .col1che
{
float: left; 
width: 4%; 
text-align: left;    
}

.form_container .col2che
{
float: left; 
width: 80%; 
text-align:left;
}

.form_container .col3che
{
float: right; 
width: 13%; 
text-align:right;
}

这三个跨度在我的代码：

<div class="row"><!-- start: "row" -->
     <span class="col1che">        
          <?PHP  //some db Feeds    ?>        
     </span>
     <span class="col2che">
          <?PHP  //some db Feeds    ?>
     </span>
     <span class="col3che">
          <?PHP  //some db Feeds    ?>
     </span>
     <div class="clear"></div>
</div><!-- end: "row" -->

当没有数据在“COL1CHE”(或甚至在其中任何一个，虽然我不确定)，当没有数据，这个范围“崩溃”，其宽度不被遵守时，会出现问题。这发生在Firefox，在IE它不“崩溃”。

我包括一个“明确”类，看看这是否有帮助，但没有效果。

有任何想法吗？

解决方法

显示：块在这里不会帮助，因为当float激活，元素会自动切换到块模式，无论其初始模式，所以你的宽度应该工作。

问题可能是空的< span>标签，可能不会呈现，因为一些晦涩的规则我不记得。你应该尝试防止你的span是空的，也许通过添加& nbsp;如果内容为空。

原文地址：https://www.jb51.cc/css/221243.html