在开发的过程中,有时需要保存整个的单词,但是,尴尬的是,单词的大小总不是一致的,这就会导致,某个比较长的单词窜到了下一行,而上一行就会留下很大的空白,这个时候该怎么办?
这个时候其实可以通过下面的方式来实现:
.someclass {
text-align:justify;
text-justify:inter-word;
}
text-align
一般来讲,我们常用的text-align
的值只有三类: center
、left
、right
,但是,text-align
可以取以下几个值:
取值 | 说明 |
---|---|
left |
对左靠齐 |
right |
对右靠齐 |
center |
居中 |
justify |
自适应,实现两端对齐文本效果。 |
inherit |
继承父元素text-align 效果 |
text-justify
取值 | 说明 |
---|---|
auto |
浏览器决定齐行算法。 |
none |
禁用对齐 |
inter-word |
增加/减少单词间的间隔。 |
inter-ideograph |
用表意文本来排齐内容 |
inter-cluster |
只对不包含内部单词间隔的内容(比如亚洲语系)进行排齐。 |
distribute |
类似报纸版面,除了在东亚语系中最后一行是不齐行的。 |
kashida |
通过拉伸字符来排齐内容。 |