一个 字符是不允许换行的空间.
<p>lorem ipsum here are some words and so on</p>
| lorem ipsum |
| here are some words and so |
| on |
与此相反的是什么？也就是说,一个字符不是作为空格呈现的,但可以用于换行.
<p>foo supercalifragilisticexpialidocious bar</p>
<!-- put char here ^ and here ^ -->
|foo supercalifragi |
|listicexpiali |
|docious bar |
or with wider size:
|foo supercalifragilisticexpiali |
|docious bar |
我知道的软连字符,但我的目的,我专门做不希望在休息加连字符.
我用过:
word-break:break-all;
table-layout:fixed;
并且文字包含在Chrome中但不包含在Firefox中.
更新:我决定更改设计,因此它不需要包装; 试图整理CSS修复/黑客被证明太令人沮丧和耗时.
让我们说一个有以下代码:
<div style="width:100px;height:1000px">This-is-a-long-line-of-text-without-any-spaces-This-is-a-long-line-of-text-without-any-spaces-This-is-a-long-line-of-text-without-any-spaces-This-is-a-long-line-of-text-without-any-spaces</div>
我道歉但堆栈溢出(根据预览)不会换行代码片段.
在大多数(？)情况下,以下内容将使包含长行文本的容器拉伸到其中包含的文本的整个宽度.
我们想根据父容器的css指定宽度(宽度:100px)强制执行换行符(甚至是中间单词).
这可能是通过我不知道的css标签吗？
IE6 +可比性,请加gecko/webkit/opera.
我有以下结构:
<ul>
<li>
<p style="width:10px;">
Text goes here
</p>
</li>
<li>
<p style="width:10px;">
Text goes here
</p>
</li>
</ul>
当p的文本超过10px限制时,我希望它继续在新的行中.我该怎么做？谢谢
例如，我有一行：“特殊字符中断；字符串中断；示例中断”。我想打破有关“;”的界限 使用CSS。
是否有任何可能的方法可以这样做。请建议
我有一个页面显示从 mysql 数据库中检索的文本。
我不明白为什么我不能让文本在 div 中显示为文本块。相反，它溢出了 div。（我正在使用引导程序 3）这是一个小提琴
<div class="container">
<div class="row">
<!---MAIN COLUMN------>
<div class="col-xs-12 col-md-6 col-sm-8 col-lg-6 col-centered">
<h2>
How to keep the text inside the div?
</h2>
<div class="mytext">
fdsnkfhskghkgskghsdkghdskghdsklhgkdlsghds
khgkdshgdksghdsklghdskg hkdslhgkdshgkdshgkdshgkd
shgksdlhgksdhgkdslhgkdshgkdshgkdshgksd hgkldshgkd
shgkldshgkhdsgkhdskghdskhgkdlshgkdshgkldsh
gkdshgklhds kghdskghdskl
<small>
</small>
</div>
</div>
</div>
</div>我在一个div中进行了一次聊天对话,但很长的话都说不出来了.我被建议使用i-frame,但是怎么样？我认为这是针对外部网站的.
CSS
.chat{
width: 230px;
height: 310px;
margin-left: 10px;
background-color: grey;
border: solid 1px black;
color: #1855a3;
overflow-y: scroll;
}