为了账号安全,请及时绑定邮箱和手机立即绑定

网页英文内容如何实现左右对齐

网页英文内容如何实现左右对齐

輘酆 2014-12-08 19:46:43
最近写了一个英文站,在显示英文内容的时候碰到一个问题,如何把实现英文内容左右对齐。我使用的是:word-wrap:word-break;样式,该样式可以使英文自动换行。但是有一个问题就是由于长单词换行显示,所以右侧就会出现很多空白处,显得很不整齐。而使用word-break:break-all;样式倒是可以左右对齐,但是此样式会分割单词,这显然是不科学的,本来以为没有办法解决,但今天在使用world文档的时候,发现world文档中的英文内容可以实现左右对齐,而且不会分割单词。研究了一下它的的原理,发现world文档会自动调整该行的单词间空格的大小,从而使单词左右对齐。所以,在此想请教大神,在网页中有没有什么方法,可以实现这个效果???
查看完整描述

1 回答

已采纳
?
闹小志

TA贡献75条经验 获得超42个赞

我也不知道你是不是这个意思。在css中有这个属性text-align: justify可以控制英文居中。举个例子,如果一个div中写满了英文,那就给这个div应用这个样式,其中的英文就会左右对齐了!

查看完整回答
1 反对 回复 2014-12-09
  • 輘酆
    輘酆
    谢了,就是这个意思,以前也知道这个样式,不过一直没用过,就忽略了
  • 1 回答
  • 0 关注
  • 5762 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信