CSS – 宽度不在span标记上

前端之家收集整理的这篇文章主要介绍了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;如果内容为空。

猜你在找的CSS相关文章