首页 > 设计 > 网页设计 > 正文

网页中防止表格被撑破的css代码

2020-02-14 23:05:26

字体：大中小

来源：转载

供稿：网友

按照网上大多数文章的说法，只要在CSS中加入：
代码

table {
table-layout:fixed;
word-break:break-all;
word-wrap:break-word;
}
div {
word-break:break-all;
word-wrap:break-word;
}

就可以解决表格和层被撑破，最初我也是这样做的。不过这样的代码会造成一个问题，你会发现英文词全部被截断了，这不符合英语的书写习惯也不利于阅读。

后来我发现上述代码改写一下就可以做到既防止表格/层撑破又防止单词断裂了。
如下：
代码

table {
table-layout: fixed;
word-wrap:break-word;
}
div {
word-wrap:break-word;
}

上一篇：SSH 使用原理与解释

下一篇：标签（Tag）的定义和作用精解

学习交流

如何判断一个页面是静态还是伪静态？

如何判断一个页面是静态还是伪静态？...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

谷歌合并Alphabet旗下子公司Jigsaw，未来会如何发展？

2020-02-11 21:58:49

NASA说今天地球引力最小能让扫帚立起来？原因很简单

2020-02-11 21:36:10

老熊科普：麒麟990 5G SoC处理器全面领先到2021年

2020-02-11 20:54:30

realme官宣：骁龙865realmeX50 Pro 5G+智能电视

2020-02-10 14:15:58

荣耀9XLite海报曝光将采用后置指纹+双摄

2020-02-10 13:53:47

小米10系列售价曝光：8GB+128GB售价4999元起

2020-02-10 13:52:27

疑难解答

图片精选

网友关注