资讯专栏INFORMATION COLUMN

如何实现文字两端对齐?

miguel.jiang / 701人阅读

摘要:输入框左侧的文字有时候长度不一致,但是文字无论左对齐还是右对齐都不好看,如下图所示但是两端对齐就会和谐很多,如下图实现两端对齐方只需一行代码

输入框左侧的文字有时候长度不一致 ,但是文字无论左对齐还是右对齐都不好看,如下图所示:

但是两端对齐就会和谐很多,如下图:

实现两端对齐方只需一行代码:text-align: justify;

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2080.html

相关文章

  • 小技巧|CSS如何实现文字两端对齐

    摘要:需求如下,红框所在的文字有四个字的三个字的两个字的,如果不两端对齐可以选择居中对齐,或者右对齐。其实现的效果就是可以让一行文字两端对齐显示文字内容要超过一行。 showImg(https://segmentfault.com/img/remote/1460000011336397); 需求如下,红框所在的文字有四个字的、三个字的、两个字的,如果不两端对齐可以选择居中对齐,或者右对齐。但...

    DevWiki 评论0 收藏0
  • 如何解决text-align: justify;浏览器、安卓手机不兼容问题

    摘要:下载安装的浏览器等也没有问题。但是用安卓手机再带的浏览器,问题就出现了。经过查询找到一个问题。于是给每个文字之间添加了一个空格,成功解决了各浏览器不兼容手机端不兼容的问题。 今天需要切一个响应式网页,有一行文字,需要实现两端对齐。 代码如下: .h_text{ text-align: justify; width: 200px; } 这一行要两端对齐 根据经验找到t...

    Bamboy 评论0 收藏0
  • 如何解决text-align: justify;浏览器、安卓手机不兼容问题

    摘要:下载安装的浏览器等也没有问题。但是用安卓手机再带的浏览器,问题就出现了。经过查询找到一个问题。于是给每个文字之间添加了一个空格,成功解决了各浏览器不兼容手机端不兼容的问题。 今天需要切一个响应式网页,有一行文字,需要实现两端对齐。 代码如下: .h_text{ text-align: justify; width: 200px; } 这一行要两端对齐 根据经验找到t...

    techstay 评论0 收藏0
  • 探索发现:CSS实现中文两端对齐

    摘要:今天在搜索实现中文两端对齐的解决方法时,偶然发现了这个我遇到问题是看不到效果,无论是英文还是中文,在和下都不起作用。首先,大家要知道,是专门为英文设计的,谁叫是老外发明的呢,用来实现英文语句的两端对齐。 今天在搜索CSS实现中文两端对齐的解决方法时,偶然发现了这个hack: 我遇到问题是:看不到效果,无论是英文还是中文,在IE和chrome下都不起作用。还好在StackOverflo...

    Aomine 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<