CSS:⽂本字数不⼀致实现⽂本两端对齐——text-align属性在我们制作表单或者个⼈信息的时候,经常会遇到类别名称字数不⼀致的问题,为了使⽹页更加美观我们⼀般使其两端对齐,或许我们都经历过使⽤空格处理阶段,现在⽤css就可以解决啦。
text-align 属性
text-align属性可以指定元素⽂本的⽔平对齐⽅式。
属性值
值描述
left把⽂本排列到左边。默认值:由浏览器决定。
right把⽂本排列到右边。
center把⽂本排列到中间。
justify实现两端对齐⽂本效果。
inherit规定应该从⽗元素继承 text-align 属性的值。
这次我们要⽤到的属性值是 justify ,但是如果你直接使⽤是没有效果的,需要配合 text-align-last和 width 使⽤。
text-align-last 把段落的最后⼀⾏向右对齐,只有在 justify 时才起作⽤
width 宽度⼀般根据类别名最⼤长度来确定,不然会⾃适应成⽗级盒⼦的100%
使⽤⽅法
div{
width:80px;
text-align-last: justify;
text-align: justify;
}
>text align center
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论