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



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章