相关疑难解决方法(0)

CSS - span标签上的宽度不受尊重

我的一个跨度问题.请考虑以下样式:

.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;
}
Run Code Online (Sandbox Code Playgroud)

这三个跨度在我的代码中:

<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" -->
Run Code Online (Sandbox Code Playgroud)

当没有数据显示在"COL1CHE"中时(或者甚至可能在其中任何一个中虽然我不确定),当没有数据时,如果此跨度"折叠"并且其宽度未被遵守,则会出现此问题.这种情况发生在Firefox中,在IE中它不会"崩溃".

我包括一个"清晰"的课程,看看这是否有帮助,但无济于事.

有任何想法吗?

html css css-float

32
推荐指数
3
解决办法
5万
查看次数

标签 统计

css ×1

css-float ×1

html ×1