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

最近写了一个英文站,在显示英文内容的时候碰到一个问题,如何把实现英文内容左右对齐。


我使用的是:word-wrap:word-break;样式,该样式可以使英文自动换行。但是有一个问题就是由于长单词换行显示,所以右侧就会出现很多空白处,显得很不整齐。


而使用word-break:break-all;样式倒是可以左右对齐,但是此样式会分割单词,这显然是不科学的,本来以为没有办法解决,但今天在使用world文档的时候,发现world文档中的英文内容可以实现左右对齐,而且不会分割单词。研究了一下它的的原理,发现world文档会自动调整该行的单词间空格的大小,从而使单词左右对齐。


所以,在此想请教大神,在网页中有没有什么方法,可以实现这个效果???

輘酆
浏览 5771回答 1
1回答

闹小志

我也不知道你是不是这个意思。在css中有这个属性text-align: justify可以控制英文居中。举个例子,如果一个div中写满了英文,那就给这个div应用这个样式,其中的英文就会左右对齐了!
打开App,查看更多内容
随时随地看视频慕课网APP