自从从TABLE布局切换到DIV布局以来,一个常见的问题仍然存在:
问题:你用动态文本填充你的DIV,并且不可避免地有一个超长的单词延伸到div列的边缘并使你的网站看起来不专业.
RETRO-WHINING:表格布局从未发生过这种情况.表格单元格总是很好地扩展到最长单词的宽度.
严重性:即使是最主要的网站,我也会看到这个问题,特别是在德国网站上,即使是"速度限制"等常用词也很长("Geschwindigkeitsbegrenzung").
有没有人有这个可行的解决方案?
有没有理由避免使用text-align: justify;?
它会降低可读性还是导致问题?
如何显示长字符串,网站地址,字符或符号集以及自动换行符以保持div宽度?我猜各种各样的文字包装.通常添加一个空间有效,但有一个CSS解决方案,如自动换行?
例如,它(非常nastily)重叠的div,迫使水平滚动等wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
我可以添加到上面的字符串中以便在div中的几行内或浏览器窗口中整齐地放入它?
如果用户键入一条没有任何空格或空格的长行,它将通过比当前元素更宽来打破格式化.就像是:
HAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHA ................................................. .................................................. ..........................................
我试过wordwrap()在PHP中使用,但问题是如果有链接或其他一些有效的HTML,它会中断.
CSS中似乎有一些选项,但它们都不适用于所有浏览器.在IE中查看自动换行.
你怎么解决这个问题?
我在表中有以下textarea:
<table width="300"><tr><td>
<textarea style="width:100%">
longstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstring
</textarea>
</td></tr></table>
Run Code Online (Sandbox Code Playgroud)
在textarea中有一个长字符串,textarea延伸到IE7中的一行中,但在其他浏览器中保留了300px的宽度.
关于如何在IE中修复此问题的任何想法?
我有一个HTML页面,我从数据库中包含的数据生成.数据库有时包含浏览器无法破解的长字符串,因为字符串不包含可破坏的字符(空格,点,逗号等).
有没有办法解决这个使用HTML,CSS甚至JavaScript?
有关问题的示例,请参阅此链接.
可能的重复:
有没有办法在 div 中自动换行文本?
我有这个 css 和 html 问题。我有一个描述,我想将其放入一个 100 像素宽的框中,并且我希望文本沿着页面向下流动。我设置了一个这样的div:
<div style="width:100px; border:1px Solid Black; height:200px; overflow:scroll; "><p>text here...</p></div>
Run Code Online (Sandbox Code Playgroud)
但是,当我输入文本并且没有空格时,文本不会换行。因此,如果用户要输入一个宽度超过 100 像素的单词,那么文本将流向右侧,这是我不希望的......
有什么办法可以阻止这个吗?我注意到 Facebook 墙上的帖子没有这种行为......
css ×7
html ×5
word-wrap ×2
javascript ×1
layout ×1
long-integer ×1
php ×1
string ×1
typography ×1
usability ×1