表 – CSS宽度和最大宽度的组合

前端之家收集整理的这篇文章主要介绍了表 – CSS宽度和最大宽度的组合前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下代码
<table style="width: 100%; max-width: 800px; table-layout: fixed;">
    ... table stuff here ...
</table>

我认为很明显,我打算让桌子采取全宽可用,最大尺寸为800像素。

这在Internet Explorer和Firefox中起作用,但是在Chrome中,当宽度存在时,最大宽度似乎被忽略。

我试过使用max-width:100%; width:800px;它可以在IE和FF中工作,但是在Chrome中忽略最大宽度。我已经尝试使用最大宽度:800px,但在Chrome表中出现1159像素宽,而不是… WTF?!

如果有人可以帮助这个,那将是非常感谢。谢谢。

解决方法

display: block;

到表格元素的样式属性(最好是CSS文件或文档的< style>部分,而不是内联样式)。

< DIV>元素具有显示:默认情况下为块,而< table>元素有显示:表;默认。您的问题是max-width属性仅适用于块元素,因此您必须应用display:block;到桌子

原文链接:https://www.f2er.com/css/218660.html

猜你在找的CSS相关文章