Skip to main content

如何使用CSS使表居中

從 Sketch 設計到 CSS 切版 (六月 2025)

從 Sketch 設計到 CSS 切版 (六月 2025)
Anonim

层叠样式表(CSS)是一种样式表语言,最常用于设置用HTML和XHTML编写的网页的视觉样式。您可能不熟悉网页设计或CSS,并对如何在网页上居中表格提出疑问。您也可能是一位经验丰富的设计师,他们对如何执行此技术感到困惑,因为在TABLE标记中不推荐使用CENTER标记和align =“center”属性。使用CSS,网页上的中心表并不困难。

使用CSS来居中表

您可以在CSS样式表中添加一行以水平居中所有表:

或者您可以直接将相同的行添加到表中:

将表放在网页中时,将其放在块级元素(如BODY,P,BLOCKQUOTE或DIV)中。您可以使用表格将表格置于该元素中 保证金:自动; 样式。这告诉浏览器使表的所有边上的边距相等,这将表定位在网页的中心。

一些较旧的Web浏览器不支持此方法

如果您的站点必须支持较旧的Web浏览器,例如Internet Explorer 6,则需要继续使用ALIGN = “中心” 或CENTER标记使表格居中。这是您将表格集中在网页上时遇到的唯一复杂问题。使用这种技术很简单,只需几分钟即可完成。