Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/c/63.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 大字体可以';Don’不要使布局流于形式_Html_Layout_Font Size_Liquid Layout - Fatal编程技术网

Html 大字体可以';Don’不要使布局流于形式

Html 大字体可以';Don’不要使布局流于形式,html,layout,font-size,liquid-layout,Html,Layout,Font Size,Liquid Layout,首先,我没有设置字体大小,而是在div中插入一个长文本,如: <div>Hello World Hello World Hello World Hello World Hello World Hello World</div> 我缩小浏览器,溢出部分无法更改为下一行: 演示 那么为什么会发生这种情况呢?我怎样才能解决这个问题?我想不管我设置的代码大小>字体大小< /代码>,布局将是液态的,正如你的演示一样,你没有给长字符串任何空间,所以一般浏览器会把它看成是一个“单词”

首先,我没有设置
字体大小
,而是在
div
中插入一个长文本,如:

<div>Hello World Hello World Hello World Hello World Hello World Hello World</div>
我缩小浏览器,溢出部分无法更改为下一行:

演示


那么为什么会发生这种情况呢?我怎样才能解决这个问题?我想不管我设置的代码大小>字体大小< /代码>,布局将是液态的,正如你的演示一样,你没有给长字符串任何空间,所以一般浏览器会把它看成是一个“单词”,而不是把它拆分。 要将演示分成几行,请添加空格:


当然我相信那不是你真正的内容。如果您的真实内容确实有很长的单词,但您仍然希望它们进行换行,请使用
wordwrap
CSS样式:

我不知道您的真实内容,但对于您的示例,请参见以下内容:
<div style="font-size:72px;">asdasdasasdasdasd</div>