Question

html表格和文字怎么对齐方式

Answer 1

1. 表格中数据的排列方式有两种：左右排列（水平对齐），上下排列（垂直对齐）。

1. 左右排列是以ALIGN属性来设置；

2. 上下排列则由VALIGN属性来设置。

2. 其中左右排列的位置可分为三种：

1. 居左（left)、居右(right)和居中(center)；

2. #=left, center, right 

3. 左右排列（水平对齐）代码示例： 
   <TABLE WIDTH="100" BORDER="1" HEIGHT="60">
   <TR><TD align=center>内容居中对齐</TD></TR>
   <TR><TD style="text-align:center">内容居中对齐：css语法</TD></TR>
   </TABLE>

3. 上下排列基本上比较常用的有四种：

1. 上齐(top)、居中(middle)、下齐(bottom)和基线(baseline)

2. #=top，middle，bottom，baseline

3. 上下排列（垂直对齐）代码示例：
   <TABLE WIDTH="100" BORDER="1" HEIGHT="60">
   <TR><TD VALIGN=TOP>内容顶部对齐</TD></TR>

   <TR><TD style="vertical-align:top;">内容顶部对齐：css语法</TD></TR>

   </TABLE>

Answer 2

• 表格中数据的排列方式有两种：左右排列（水平对齐），上下排列（垂直对齐）。

• 左右排列是以ALIGN属性来设置；

• 上下排列则由VALIGN属性来设置。

• 其中左右排列的位置可分为三种：

• 居左（left)、居右(right)和居中(center)；

  #=left, center, right

• 左右排列（水平对齐）代码示例：

• <TABLE WIDTH="100" BORDER="1" HEIGHT="60">

• <TR><TD align=center>内容居中对齐</TD></TR>

• <TR><TD style="text-align:center">内容居中对齐：css语法</TD></TR></TABLE>

• 上下排列基本上比较常用的有四种：

• 上齐(top)、居中(middle)、下齐(bottom)和基线(baseline)

• #=top，middle，bottom，baseline

• 上下排列（垂直对齐）代码示例：

• <TABLE WIDTH="100" BORDER="1" HEIGHT="60">

• <TR><TD VALIGN=TOP>内容顶部对齐</TD></TR><TR><TD style="vertical-align:top;">内容顶部对齐：

• css语法</TD></TR></TABLE>

• 每种HTML标记符在使用中可带有不同的属性项，用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。

• BGCOLOR 用于定义网页的背景色。

• BACKGROUND 用于定义网页背景图案的图像文件。

• TEXT 用于定义正文字符的颜色，默认为黑色。

• LINK 用于定义网页中超级链接字符的颜色，默认为蓝色。

• VLINK 用于定义网页中已被访问过的超接链接字符的颜色，默认为紫红色。

• ALINK 用于定义被鼠标选中，但未使用时超链字符的颜色，默认为红色。

Answer 3

html中表格居中，使用css的margin:auto; 文字居中使用text-align:center 。

<table style="border:1px solid #ccc;width:300px;height:300px;margin:auto;">
<tr><td align=center>居中的文字</td></tr>
<tr><td style="text-align:center">CSS写法居中的文字</td></tr>
<tr><td style="text-align:left">居左的文字</td></tr>
</table>
</html>