在使浏览器变小之后如何保持句子排列完好?

时间:2017-09-12 01:30:28

标签: html css

说实话,我找不到合适的词来解决我的问题,但我会试试。 First picture 在这张图片中,每个句子的所有第一个单词都排成一行。

second picture 但是在这张照片中,每个句子的第一个单词并不是相互排列的。当我将它放在带有text-align的中心时会发生这种情况。我知道它为什么这样做,但遗憾的是我无法解决这个问题可能很容易解决的问题。

这是我用以下代码测试的代码:

remove-if

任何帮助都会得到满足,谢谢。

2 个答案:

答案 0 :(得分:2)

我认为text-align:justify;是你想要使用的。请查看this link以查看更多详细信息以及text-align的不同选项。

答案 1 :(得分:1)

如果您想删除空白,请使用此

#text {
    text-align:justify;
    word-break: break-all;
}

以下是示例fiddle ..

注意: word-break: break-all会将任何字/字母打破到下一行。单词或文字将难以阅读..