table { border-collapse: collapse; width: 100%; } th,td { text-align: center; border: 1px solid black; padding: 8px; }在上面的代码中,我们将 Table 的 border-collapse 属性设置为 collapse,这样可以让 Table 更美观。同时,我们将 th 和 td 的 text-align 属性设置为 center,这样就可以让其中的文字居中显示。 方法二:line-height 属性 line-height 属性可以控制元素的行间距。当我们将 line-height 属性的值设置为与元素高度相等时,元素内部的文字就会垂直居中显示。因此,我们可以使用 line-height 属性来让 Table 中的文字居中。 以下是一个使用 line-height 属性来让 Table 中的文字居中的示例代码:
table { border-collapse: collapse; width: 100%; } th,td { line-height: 50px; border: 1px solid black; padding: 8px; }在上面的代码中,我们将 th 和 td 的 line-height 属性设置为 50px,这样就可以让其中的文字垂直居中显示。 总结 以上是两种可以让 CSS Table 中的文字居中的方法。使用 text-align 属性可以让文字水平居中,使用 line-height 属性可以让文字垂直居中。我们可以结合使用这两种属性,以便更好的展示 Table 中的数据。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。