我的页面上有一个包含文本的固定宽度div.当我输入一长串字母时,它会溢出.我不想隐藏溢出我想在新行上显示溢出,见下文:
<div id="textbox" style="width:400px; height:200px;">
dfssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssfddddddddddddddddddddddsdffffffffffffffffsdffffffffffffffffdfssssssssssssdf
</div>
Run Code Online (Sandbox Code Playgroud)
反正有没有禁用溢出并将溢出的文本放在一个新行??? Twitter做了类似的事情,但我无法用CSS来解决它可能他们正在使用Javascript.
任何人都可以帮忙吗?
我有这个HTML
div#permalink_section {
width: 960px
}Run Code Online (Sandbox Code Playgroud)
目前,这个CSS
<div id='permalink_section'>
<a href="here goes a very long link">here goes a very very long link</a>
</div>Run Code Online (Sandbox Code Playgroud)
链接文本可能很长,当它的长度超过div宽度时它会溢出div.当宽度超过div宽度时,有没有办法强制链接断开并继续下一行?
我正在编写一个GitHub问题/维基页面,其中包含一个表,其中一列对于许多条目来说非常大.有没有办法在GitHub兼容的markdown中将长列包装在表中?
例:
| 常规列| 长柱|
| -------------- | -----------
| 少量| 这么多的东西,它使我必须滚动这对快速可读性非常不利.|
我想这样做,以便"长列"的内容自动包装,以便人们可以浏览内容而无需向右滚动以查看所有内容.
这是我网站的主菜单:

正如您所注意到的,主菜单项目中的文本没有包装.我尝试了许多解决方案,但似乎没有任何影响这些项目.这是css代码:
#pt_custommenu .parentMenu a{
width: 100px; height: 59px;
line-height: normal;
padding-top: 0; padding-bottom:0;
float:left;
display: inline-block;
position: relative;
text-transform: none;
word-wrap: normal;
white-space: normal !important;
}
Run Code Online (Sandbox Code Playgroud)
我想将文本分成两行,就像通常那样,因为<a>元素具有标准的宽度和高度.
有什么建议?
我多年来一直有问题.
问题是一个长文本没有被div中的空格分隔.没有应用换行,它会破坏所有布局.
我怎样才能以好的方式修复django?
这就是我所看到的:

我有一个很长的字符串,我想使用Bootstrap CSS库放入一个面板.我的HTML看起来像这样:
<div class="panel panel-primary">
<div class="panel-heading">Panel</div>
<div class="panel-body">
rPjW^j)hkP9WHwkyP_LjjzX.f9F5CsX2S9aKu4nFgJKW3Czv^bLUjbdy,rPjW^j)hkP9WHwkyP_LjjzX.f9F5CsX2S9aKu4nFgJKW3Czv^bLUjbdy,rPjW^j)hkP9WHwkyP_LjjzX.f9F5CsX2S9aKu4nFgJKW3Czv^bLUjbdy,rPjW^j)hkP9WHwkyP_L
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
结果是文本在面板外面流血,我宁愿在面板内进行自动换行.问题是文本没有空格,所以自然的自动换行在这里不起作用.我怎么能强迫它换字呢?
我想在指定的位置换行。
在德国,有时会出现由几个名词组成的很长的单词。如果单词太长并且需要自动换行,我想在两个单词的边界处换行这么长的单词。
例如,我们有“Unternehmenskunden”这个词,意思是企业(Unternehmens)客户(Kunde)。我希望这个词能分解为“Unternehmens”和“kunde”。我尝试将两个单词部分包装到自己的跨度中,但这并没有影响包装。CSS 类word-break没有word-wrap任何价值。
我尝试将一个空间包裹到它自己的跨度中,然后使用 删除它display: none或使用 缩小它width: 0;
是否可能有某种隐藏字符标记断词但不
这是一个小提琴,可以帮助说明我试图实现的目标以及迄今为止我尝试过的内容: https: //jsfiddle.net/nbk9ptay/3/