css两端对齐不起作用?真正可用的CSS文字两端对齐

css两端对齐不起作用?真正可用的CSS文字两端对齐最近在工作项目中接触到 Web 界面设计的问题 要实现文字两端对齐的效果 在网上搜索了一下 差不多都是互相转帖 用的都是类似的技巧 text align justify text justify inter ideograph 但问题是 我怎么就看不到效果呢 无论是英文还是中文 在 IE 和 chrome 下都不起作用 后来 终于在 StackOverflo 上找到解决方法了 CSS 代码

最近在工作项目中接触到Web界面设计的问题,要实现文字两端对齐的效果。在网上搜索了一下,差不多都是互相转帖,用的都是类似的技巧:

text-align:justify; text-justify:inter-ideograph;

但问题是,我怎么就看不到效果呢?无论是英文还是中文,在IE和chrome下都不起作用。后来,终于在StackOverflow上找到解决方法了。

CSS代码:

div.justify { text-align: justify; width:200px; font-size:15px; color:red; border:1px solid blue; height:18px;} div.justify > span { display: inline-block /* Opera */; padding-left: 100%; }

HTML代码:注意那个span标签

 
  
hello, text justify.

hello, text justify.

中 文 两 端 对 齐

中 文 两 端 对 齐



 最终效果图:

css两端对齐不起作用?真正可用的CSS文字两端对齐

 总结:网上找的好多根本就没解决问题,是我自己没弄对还是真的没效果?我想请问那些发帖的都亲自试验过吗?不管怎么样,总算找的解决办法了,先记在这里备忘。也希望能给各位朋友一点帮助。欢迎交流。

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/223801.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午1:24
下一篇 2026年3月17日 下午1:24


相关推荐

  • phpstorm激活码2021-激活码分享

    (phpstorm激活码2021)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月22日
    54
  • 肖战演微短剧了?AI的!

    肖战演微短剧了?AI的!

    2026年3月12日
    3
  • Java开发人员必须掌握的Linux命令(三)

    做一个积极的人编码、改bug、提升自己我有一个乐园,面向编程,春暖花开!学习应该是快乐的,在这个乐园中我努力让自己能用简洁易懂(搞笑有趣)的表达来讲解知识或者技术,让学习之旅充满乐趣,这就是写博文的初心。前面写了两篇Linux的命令介绍,地址1 地址2 ,前段时间看了哈利波特的一些电影,突然想到Linux的命令就像哈利波特电影中的魔法一样,都是有魔力的。那么学会Linux的这些命令,我…

    2022年2月28日
    48
  • 向量点乘和叉乘

    向量点乘和叉乘title 向量点乘和叉乘 categories Mathtags MathKnowledg 向量点乘和叉乘假设存在向量 a 和向量 b a a 1 a 2 a 3 b b 1 b 2 b 3 点乘向量 a 和向量 b 的点乘公式如下 a bulletb a 1 b 1 a 2 b 2 a 3 b 3 要求是向量 a 和向量的 b 的维度要相同 点乘的几何意义点乘的几何意义是可以用来表征或者计算两个向量之间的夹角 以及在 b 向量或

    2026年3月19日
    3
  • 黑客入门,从HTB开始

    黑客入门,从HTB开始Hackthebox是国外的一个靶机平台,里面的靶机包含多种系统类型,并且里面可以利用的漏洞类型多种多样,有很多靶机其实非常贴近实战情景。因此HTB是一个很好的学习渗透测试靶场。之前在HTB也玩过一些机器。里面的机器难度有好几个档次,insane难度的一般都是极其困难的,这种机器一般让我对着大神的Writeup我可能都没有办法复现出来。之前也有在公众号上分享过几篇H…

    2022年4月26日
    55
  • ipset详解[通俗易懂]

    ipset详解[通俗易懂]ipset创建:create创建一个新的ipset集合:ipsetcreateSETNAMETYPENAMESETNAME是创建的ipset的名称,TYPENAME是ipset的类型:TYPENAME:=method:datatype[,datatype[,datatype]]method指定ipset中的entry存放的方式,随后的datatype约定了每个entry…

    2022年10月7日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号