css text-align-last
导读:在CSS中,text-align-last属性定义了当最后一行文字不足一行时,文字如何对齐。text-align-last: auto|left|right|center|justify|start|end|initial|inherit;...
在CSS中,text-align-last属性定义了当最后一行文字不足一行时,文字如何对齐。
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
属性值的解释如下:
- auto:默认值,文字水平方向按照text-align属性的值进行对齐,垂直方向按照line-height的值进行对齐。
- left:文字靠左对齐。
- right:文字靠右对齐。
- center:文字居中对齐。
- justify:文字两端对齐。
- start:开始对齐,与文本方向有关。
- end:结束对齐,与文本方向有关。
- initial:值设置为它的默认值。
- inherit:继承父元素的值。
该属性比较适用于一些多行文本的场景,如段落、列表等。当文字最后一行不足一行时,可以使用text-align-last属性来对齐。
下面是一个例子:
p { text-align: justify; /*文本两端对齐*/text-align-last: center; /*文字最后一行居中对齐*/}
以上代码会使段落文字两端对齐,并且当最后一行文字不足一行时,文字会居中对齐。
需要注意的是,text-align-last属性并不是所有浏览器都支持,所以需要在使用前进行兼容性检测。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css text-align-last
本文地址: https://pptw.com/jishu/339956.html