一个 字符是不允许换行的空间.
<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 |
我知道的软连字符,但我的目的,我专门做不希望在休息加连字符.
给出一个相对简单的CSS:
div {
width: 150px;
}<div>
12333-2333-233-23339392-332332323
</div>怎样让这个字符串撑约束到width的150,并简单地包装上连字符换行？
我有一根绳子:"快速的棕色狐狸跳过懒狗."
我想使用javascript(可能使用jQuery)每n个字符插入一个字符.例如,我想打电话:
var s = "The quick brown fox jumps over the lazy dogs.";
var new_s = UpdateString("$",5);
// new_s should equal "The q$uick $brown$ fox $jumps$ over$ the $lazy $dogs.$"
目标是使用此函数插入并调整长字符串以允许它们换行.也许有人知道更好的方法？
我想要一个可选的换行符,它总是不可见的,适用于word-wrap: break-word;CSS样式.
以下是一些细节.我的目标是在合理的地方拆分长链接.这些字符是一个良好的开端:-,.,_,/,\.这不是特定于Rails的问题,但我想分享一些我现在正在使用的代码:
module ApplicationHelper
def with_optional_line_breaks(text)
text.gsub(%r{([-._/\\])}, '\1­')
end
end
这是上面代码的问题:当­生效时(在带有:)的表中word-wrap: break-word;,­显示为-.我不想看到-; 我想要一个没有显示任何角色的换行符.
是否有一个HTML字符,在所有(主要)浏览器(加上IE8可悲)没有显示任何内容并且不添加任何额外空间？
因此,替代 但不会向页面添加空格,并且不会显示为丑陋的"无法识别的字符"标记或?.
为什么:在我的情况下,我正在尝试解决旧的专有CMS上的问题,该问题正在删除所需的空元素但必需的HTML元素,因为系统的其他部分将动态填充它们.
想象一下(简化的简单示例)<span class="placeholder" data-type="username"></span>,如果用户登录,则填充用户的用户名 - 但是这个老式CMS将其视为空并删除它.
我正在寻找一种方法来指定一条线如果它不能以类似于­(软/自由连字符)的方式放在它的线上而应该中断,但是有一个空格.我尝试使用谷歌搜索,但没有得到很多相关的点击(尽管指定"html",主要是针对InDesign),我得到的是一些人说他们不知道的方式.
防爆.
你好,我的名字
是foo.
与
你好,
我的名字是foo.
但如果空间可用:
你好,我的名字是foo.
对于特异性,我不是故意的white-space: normal/nowrap/pre/…,我不想强迫休息<br />.
我正在使用AngularJS,所以大多数都是通过JavaScript处理的,所以如果有一个简单/有效/聪明的方法来做到这一点,我会对它持开放态度.
我有一个HTML页面,我从数据库中包含的数据生成.数据库有时包含浏览器无法破解的长字符串,因为字符串不包含可破坏的字符(空格,点,逗号等).
有没有办法解决这个使用HTML,CSS甚至JavaScript？
有关问题的示例,请参阅此链接.
我在<li>标签中有一些长文本,当屏幕很窄时它会离开屏幕.
我试图纠正这个,width: 100%;但没有任何反应.此外,文本不应具有固定的宽度,它必须是响应的.
这是我的代码结构:
<div class="absolute-pos inline-block">
<li>
<div>
<span>
some really really loooonnnnggg teeeeeexxxxttttt hheeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeerrrreeeee
</span>
</div>
</li>
</div>
.absolute-pos {
position: absolute;
}
.inline-block {
display: inline-block;
}
jsfiddle:https://jsfiddle.net/xLm5hL3w/
请不要因为添加如下的可疑内容而烦恼.
jffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
我有一个多行html文本编辑器(微小的mce).当用户输入不正确的单词时,如上面输入的那样!它将在数据库中正确保存.当我尝试使用标签显示相同的数据时.显示的数据扰乱了页面设计.
我该如何解决这个问题？请为我提供一个解决方案.
先谢谢,Madhu BN