我的一个跨度问题.请考虑以下样式:
.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中它不会"崩溃".
我包括一个"清晰"的课程,看看这是否有帮助,但无济于事.
有任何想法吗?