html – 如何使CSS表适合屏幕宽度?

前端之家收集整理的这篇文章主要介绍了html – 如何使CSS表适合屏幕宽度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
目前表格太宽,导致浏览器添加一个水平滚动条.

解决方法

如果表格内容太宽(如 this example所示),除了更改内容之外,您还可以进行任何操作,以使浏览器能够以更窄的格式显示.与早期的答案相反,如果内容太宽(如链接,this one,演示),将宽度设置为100%将绝对没有影响.浏览器已经尝试将表保留在左边距和右边距之内,如果可以的话,只能使用水平滚动条(如果它们不能).

有些方法可以改变内容,使表格更加狭窄:

>减少列数(可能将一个巨型表拆分成多个独立表).
>如果您使用CSS空格:对任何内容(或旧的nowrap属性& nbsp;一个nobr元素等)都是nowrap,请查看是否可以在没有它们的情况下生活,以便浏览器有选项包装该内容以保持宽度下降.
>如果你使用的是很大的边距,边距,边框等等,那么尝试减小它们的大小(但我确定你想到了).

如果表格太宽,但是您看不到很好的理由(内容不是那么广泛等),则必须提供更多有关如何对表格进行样式化的信息,周边元素等等.再次,默认情况下浏览器将避免滚动条,如果可以的话.

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

猜你在找的HTML相关文章