html表格字符居中显⽰_如何在HTML中居中显⽰表格?
html 表格字符居中显⽰
HTML table provides the ability to show text, data, and other elements. While using tables we may want to center the table or table contents to the center. Centering the table and its contents will be centered and look pretty.
HTML表提供了显⽰⽂本,数据和其他元素的功能。 使⽤表格时,我们可能希望将表格或表格内容居中放置在中⼼。 居中放置表格及其内容将居中并看起来很漂亮。
中⼼表,具有margin-left和margin-right属性 (Center Table with margin-left and margin-right Attribute)
The first way to make an HTML table center is by using margin-left and margin-right CSS attributes. We can set these
attributes as auto or the same value in order to make the table center.
使HTML表格居中的第⼀种⽅法是使⽤margin-left和margin-right CSS属性。 我们可以将这些属性设置为auto或相同的值,以使表格居中。
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table >
<tr>
<th>Name</th>
<th>Surname</th>
</tr>
<tr>
<td>İsmail</td>
<td>Baydan</td>
</tr>
<tr>
<td>Ahmet Ali</td>
<td>Baydan</td>
</tr>
<tr>
<td>Elif Ecrin</td>
<td>Baydan</td>
</tr>
</table>
</body>
</html>
Center Table with margin-left and margin-right Attribute
中⼼表,具有margin-left和margin-right属性
具有align属性的中⼼表内容(Center Table Content with align Attribute)
The table HTML element provides an align attribute which will align the table. The align attribute can get right, left and center values. In the following example, we will set the align attribute to the center.
表格HTML元素提供了⼀个align属性,它将对齐表格。 align属性可以获取right , left和center值。 在下⾯的⽰例中,我们将align属性设置为center 。
<html>
<head>
html怎么让所有内容居中<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table align="center">
<tr>
<th>Name</th>
<th>Surname</th>
</tr>
<tr>
<td>İsmail</td>
<td>Baydan</td>
</tr>
<tr>
<td>Ahmet Ali</td>
<td>Baydan</td>
</tr>
<tr>
<td>Elif Ecrin</td>
<td>Baydan</td>
</tr>
</table>
</body>
</html>
Center Table Content with align Attribute
具有align属性的中⼼表内容
了解更多HTML粗体标记的⽤法和⽰例
html 表格字符居中显⽰
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论