相关疑难解决方法(0)

如何在下一行显示文本而不是溢出?

我的页面上有一个包含文本的固定宽度div.当我输入一长串字母时,它会溢出.我不想隐藏溢出我想在新行上显示溢出,见下文:

<div id="textbox" style="width:400px; height:200px;">
dfssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssfddddddddddddddddddddddsdffffffffffffffffsdffffffffffffffffdfssssssssssssdf
</div>
Run Code Online (Sandbox Code Playgroud)

反正有没有禁用溢出并将溢出的文本放在一个新行??? Twitter做了类似的事情,但我无法用CSS来解决它可能他们正在使用Javascript.

任何人都可以帮忙吗?

css text overflow

86
推荐指数
3
解决办法
17万
查看次数

如果文本溢出,如何将文本转到下一行?

我尝试过word-wrap: break-word;,但它将中间的行分开.

css

58
推荐指数
3
解决办法
14万
查看次数

Word包装一个链接,因此它不会溢出其父div宽度.

我有这个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宽度时,有没有办法强制链接断开并继续下一行?

html css width word-wrap

47
推荐指数
3
解决办法
8万
查看次数

我可以在GitHub兼容的Markdown中自动换行长列吗?

我正在编写一个GitHub问题/维基页面,其中包含一个表,其中一列对于许多条目来说非常大.有没有办法在GitHub兼容的markdown中将长列包装在表中?

例:

| 常规列| 长柱|

| -------------- | -----------

| 少量| 这么多的东西,它使我必须滚动这对快速可读性非常不利.|

我想这样做,以便"长列"的内容自动包装,以便人们可以浏览内容而无需向右滚动以查看所有内容.

github github-flavored-markdown

6
推荐指数
1
解决办法
3332
查看次数

强制文本换行

这是我网站的主菜单:

在此输入图像描述

正如您所注意到的,主菜单项目中的文本没有包装.我尝试了许多解决方案,但似乎没有任何影响这些项目.这是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>元素具有标准的宽度和高度.

有什么建议?

css

5
推荐指数
2
解决办法
3585
查看次数

Django和换行问题

我多年来一直有问题.

问题是一个长文本没有被div中的空格分隔.没有应用换行,它会破坏所有布局.

我怎样才能以好的方式修复django?

这就是我所看到的:

在此输入图像描述

python django

4
推荐指数
2
解决办法
4457
查看次数

Bootstrap CSS - 长文本将在面板外流血

我有一个很长的字符串,我想使用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)

http://jsfiddle.net/w8p9jc5j/

结果是文本在面板外面流血,我宁愿在面板内进行自动换行.问题是文本没有空格,所以自然的自动换行在这里不起作用.我怎么能强迫它换字呢?

css twitter-bootstrap

4
推荐指数
1
解决办法
1万
查看次数

如何在指定位置换行?

我想在指定的位置换行。

在德国,有时会出现由几个名词组成的很长的单词。如果单词太长并且需要自动换行,我想在两个单词的边界处换行这么长的单词。

例如,我们有“Unternehmenskunden”这个词,意思是企业(Unternehmens)客户(Kunde)。我希望这个词能分解为“Unternehmens”和“kunde”。我尝试将两个单词部分包装到自己的跨度中,但这并没有影响包装。CSS 类word-break没有word-wrap任何价值。

我尝试将一个空间包裹到它自己的跨度中,然后使用 删除它display: none或使用 缩小它width: 0;

是否可能有某种隐藏字符标记断词但不

这是一个小提琴,可以帮助说明我试图实现的目标以及迄今为止我尝试过的内容: https: //jsfiddle.net/nbk9ptay/3/

html css

3
推荐指数
1
解决办法
1619
查看次数