文本两端对齐,最后一行左对齐

一、语句

text-align:justify; // 所有行两端对齐
text-align-last: left; //最后一行左对齐

二、扩展

属性:text-align 属性规定元素中的文本的水平对齐方式。

语法:text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

1.auto:把文本排列到左边。默认值:由浏览器决定。
2.right:把文本排列到右边。
3.center:把文本排列到中间。
4.justify:实现两端对齐文本效果。
5.inherit:规定应该从父元素继承 text-align 属性的值。

属性:text-align-last 属性规定如何对齐文本的最后一行。

语法:text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

1.auto:默认值。最后一行被调整,并向左对齐。
2.left:最后一行向左对齐。
3.right:最后一行向右对齐。
4.center:最后一行居中对齐。
5.justify:最后一行被调整为两端对齐。
6.start:最后一行在行开头对齐(如果 text-direction 是从左到右,则向左对齐;如果 text-direction 是从右到左,则向右对齐)。
7.end:最后一行在行末尾对齐(如果 text-direction 是从左到右,则向右对齐;如果 text-direction 是从右到左,则向左对齐)。
8.initial:设置该属性为它的默认值。
9.inherit:从父元素继承该属性。

属性:text-justify 属性指定文本对齐设置为"justify"的理据。

语法:text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

1.auto 浏览器决定齐行算法。
2.none 禁用齐行。
3.inter-word 增加/减少单词间的间隔。
4.inter-ideograph 用表意文本来排齐内容。
5.inter-cluster 只对不包含内部单词间隔的内容(比如亚洲语系)进行排齐。
6.distribute 类似报纸版面,除了在东亚语系中最后一行是不齐行的。
7.kashida 通过拉伸字符来排齐内容。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值