本打算用 <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 | 有 | 检索或设置对象中的制表符的长度 |