Formatting Text On Webpage

Question

I am currently working on a personal webpage and wanted to know if there is a way to write CSS code to create a new line whenever text covers half the page. I googled a lot and only came up with pointless background tips and tricks (at least for this issue.) Any help would be appreciated. Thanks!

Answer 1

In it's simplest form:

<div style="width:50%;">
   Content here....
</div>

http://jsfiddle.net/1y70e1ms/

Answer 2

通过将width应用于内容的容器，您可以强制文本在某个点进行换行。宽度可以用绝对单位定义，如像素，也可以用相对单位定义，如百分比。

这在技术上不会在内容中插入换行符。插入文字“换行符”（array_walk( $data, function(&$element) { $element = preg_replace("/['\";]/", '', $element); } ); ）实际上不会对页面产生视觉影响，因为HTML中的所有连续空格（换行符，制表符，空格等）都是always condensed into a single space。

如果要在HTML中的某些位置插入中断标记（<br>），则无法使用CSS执行此操作。 CSS是一组表示规则，而不是修改HTML标记的方法。 JavaScript可以修改渲染的DOM，它（虽然不是技术上直接修改标记），修改浏览器加载的最终渲染的HTML。

如果要修改所有标记，则需要在发布之前手动执行，或者编写脚本以在发布之前将所有文件修改为文本。

\n

p {
  width: 50%;
}