CSS之text-align

一、定义和用法

text-align属性定义行内元素(比如文字)如何相对于它的父级块状元素。text-align不控制块状元素的对齐,只控制它的行内元素。

1274228-20171114111637937-1446645920.png

如图所示,text-align的值有left,right,center,justify,justify-all,start,end,match-parent,inherit等等。

语法如图所示:

1274228-20171114112031452-856249409.png

二、关于text-align:justify

text-align:justify实现两端对齐文本效果。

在两端对齐文本中,文本行的左右两端都放在父元素的内边界上,然后,调整单词和字母间的间隔,使各行的长度恰好相等。

但它对于强制打断的行及最后一行(包括块内仅有一行文本的情况,因为这时既是第一行也是最后一行)不做处理,如果只有一行可能需要特殊处理,需要标签之间换行或者有空格才能实现效果。或者使用text-align-last,并将其设置为justify,但是text-align-last并不是所有浏览器都支持。

转载于:https://www.cnblogs.com/shireyhu/p/7832027.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值