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

如题所述

    表格中数据的排列方式有两种:左右排列(水平对齐),上下排列(垂直对齐)。

      左右排列是以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>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2018-03-30

    表格中数据的排列方式有两种:左右排列(水平对齐),上下排列(垂直对齐)。

    左右排列是以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 用于定义被鼠标选中,但未使用时超链字符的颜色,默认为红色。

本回答被网友采纳
第2个回答  2016-04-10

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>

本回答被网友采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网