[Web前端应用]--细化table 的边框【难度 ★】

最新推荐文章于 2021-12-28 14:16:01 发布

原创最新推荐文章于 2021-12-28 14:16:01 发布 · 175 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#细化table边框 #css #样式

本文介绍如何使用CSS的border-collapse属性来细化表格边框，并通过table-layout和word-wrap等属性设置表格内的文字自动换行或断开长单词，以实现更好的布局效果。

如题目所示，想要细化边框，可以通过CSS，具体的参考代码为：
.table{border-collapse:collapse;}

若有时候想表格内文字按规定的width，会自动换行或者断开（特别是长的英文单词），这个时候，可以加上.table{table-layout:fixed;word-wrap:break-word,word-break,break-all}