Css 注释作者名称在Chrome中呈现得很好,但在IE8中呈现为半空白
在下面的代码中,Css 注释作者名称在Chrome中呈现得很好,但在IE8中呈现为半空白,css,internet-explorer-8,google-chrome,cross-browser,Css,Internet Explorer 8,Google Chrome,Cross Browser,在下面的代码中,$row[“username”]是注释的作者。它在Chrome中渲染得很好,但在IE8中,只有上半部分显示。你知道如何让它全部出现在IE 8中吗 提前感谢, 约翰 守则: echo "<table class=\"commentecho\">"; $count = 1; while ($row = mysql_fetch_array($result)) { $dt1 = new DateTime($row["datecommented"], $tzFrom1
$row[“username”]
是注释的作者。它在Chrome中渲染得很好,但在IE8中,只有上半部分显示。你知道如何让它全部出现在IE 8中吗
提前感谢,
约翰
守则:
echo "<table class=\"commentecho\">";
$count = 1;
while ($row = mysql_fetch_array($result)) {
$dt1 = new DateTime($row["datecommented"], $tzFrom1);
$dt1->setTimezone($tzTo1);
echo '<tr>';
echo '<td rowspan="3" class="commentnamecount">'.$count++.'.</td>';
echo '<td class="commentname2"><a href="http://www...com/.../members/index.php?profile='.$row["username"].'">'.$row["username"].'</a></td>';
echo '<td rowspan="3" class="commentname1">'.stripslashes($row["comment"]).'</td>';
echo '</tr>';
echo '<tr>';
echo '<td class="commentname2">'.$dt1->format('F j, Y').'</td>';
echo '</tr>';
echo '<tr>';
echo '<td class="commentname2a">'.$dt1->format('g:i a').'</td>';
echo '</tr>';
}
echo "</table>";
将此添加到CSS中:
.commentname2 a {
display: block;
zoom: 1;
/* all other CSS */
}
缩放:1可能不是必需的,但有时IE需要它来触发其,并阻止内容被剪切或错误渲染。您指定TDs的高度为14px,溢出是隐藏的,但commentname2类的高度为20px
IE因此隐藏了6个像素。如果子元素将是20px,则使容器至少为20px,或者至少移除
溢出:隐藏字体大小:14px;但有几个高度:14px;带有填充物,可计入高度
基本上,您需要确保字体大小在您设置的td高度范围内与其他字体(填充)匹配,因此CSS设置的垂直空间在字体不匹配时会切断特许
这是我使用em而不是px的一个原因——在考虑框模型时,它使布局更容易(至少对我来说是这样)。有几个提示:1>您不需要为每行html单独设置回显。只是不要关闭引号,在下一行继续字符串。2> 对于HTML部分,只需使用?>退出PHP模式,然后再使用?>返回,这会更干净—您不需要重复a:hover的所有样式—只需要不同的样式即可。在本例中,文本装饰:下划线。但是浏览器在默认情况下会这样做,除非您在之前的声明中已经忽略了默认值。不过,他在commentName2中指定字体大小为11px。
.commentname2 a {
display: block;
zoom: 1;
/* all other CSS */
}