HTML中css控制两端对齐文本两端竖着对齐方法

时间:2020-05-08 16:26:15 来源:巅峰霸主 作者:烈火大地 点击:
摘要:CSS如何将文本实现两端对齐呢,默认情况下在文本的右侧自动换行后会留下一丁点空白,对于有些地方很不好看,实现文字上下行两端分散对齐的方法如下……

说起text-align,大家一定都不觉得陌生,我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐,当然我们也使用justify来实现文本两端对齐。
css文本两端对齐
如上图,两端对齐相对于左对齐,视觉上显得整齐有序。但justify对最后一行无效,通常这样的排版对整段文字是极好的,我们并不希望当最后一行只有两个字时也两端对齐,毕竟这是不便于阅读的,那么当我们只有一行文本,但要实现单行文本两端对齐怎么解决(如下图的表单项效果)?

可以使用

 text-align-last: justify;


(责任编辑:陆柏熺)
相关分类: css
评价:
用户名: 验证码: 看不清?点击更换

相关内容推荐



关注站长自媒体 获取更多优质内容

2019-2020 ©巅峰霸主网 京ICP备12023415号-2
返回顶部