CSS 文本属性 Text Properties

本打算用 <table>标签代替 <ul><li> 重新实现下中英文切换器，如下表格

这里面是空白的，无内容

【中文】【English】

让 文本 靠顶部 排列用哪个属性呢？

用的是 vertical-align=text-top

vertical-align：baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length>

取值：

baseline：

将支持valign特性的对象的内容与基线对齐

sub：

垂直对齐文本的下标

super：

垂直对齐文本的上标

top：

        将支持valign特性的对象的 内容与对象顶端对齐

text-top：

将支持valign特性的对象的 文本与对象顶端对齐

middle：

将支持valign特性的对象的 内容与对象中部对齐

bottom：

将支持valign特性的对象的 文本与对象底端对齐

text-bottom：

将支持valign特性的对象的文本与对象顶端对齐

<percentage>：

用百分比指定由基线算起的偏移量。可以为负值。基线对于百分数来说就是0%。

<length>：

用长度值指定由基线算起的偏移量。可以为负值。基线对于数值来说为0。（CSS2）

text-align

text-align：left | center | right | justify | start | end

默认值：start

取值：

left：

内容左对齐。

center：

内容居中对齐

right：

内容右对齐。

justify：

内容两端对齐。

start：

内容对齐开始边界。（CSS3）

end：

内容对齐结束边界。（CSS3）

Properties 属性	CSS Version 版本	Inherit From Parent 继承性	Description 简介
text-indent	CSS1	有	检索或设置对象中的文本的缩进
text-overflow	CSS3	无	设置或检索是否使用一个省略标记（...）标示对象内文本的溢出
text-align	CSS1/CSS3	有	设置或检索对象中文本的对齐方式
text-transform	CSS1/CSS3	有	检索或设置对象中的文本的大小写
text-decoration	CSS1/CSS3	无	复合属性。检索或设置对象中的文本的装饰，如下划线、闪烁等
text-decoration-line	CSS3	无	检索或设置对象中的文本装饰线条的位置。
text-decoration-color	CSS3	无	检索或设置对象中的文本装饰线条的颜色。
text-decoration-style	CSS3	无	检索或设置对象中的文本装饰线条的形状。
text-shadow	CSS3	有	设置或检索对象中文本的文字是否有阴影及模糊效果
text-fill-color	CSS3	有	设置或检索对象中的文字填充颜色
text-stroke	CSS3	有	复合属性。设置或检索对象中的文字的描边
text-stroke-width	CSS3	有	设置或检索对象中的文字的描边厚度
text-stroke-color	CSS3	有	设置或检索对象中的文字的描边颜色
letter-spacing	CSS1	有	检索或设置对象中的文字之间的间隔
word-spacing	CSS1	有	检索或设置对象中的单词之间插入的空格数。
vertical-align	CSS1/CSS2	无	设置或检索对象内容的垂直对其方式
word-wrap	CSS3	有	设置或检索当当前行超过指定容器的边界时是否断开转行
white-space	CSS1	有	设置或检索对象内空格的处理方式
direction	CSS2	有	检索或设置文本流的方向
unicode-bidi	CSS2	无	用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用
line-height	CSS1	有	检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离
tab-size	CSS3	有	检索或设置对象中的制表符的长度