2016-09-30 29 views
1

我有一个非常大的单词,对于移动视图来说太长了,我可以用<wbr>来分解它,但是当一个单词分成两部分时,这种语言的规则需要连字符。当<wbr>发生时,是否有方法可以输入连字符?

有没有办法说:板缺时

thisreally<wbr>longword 

必须

thisreally- 
longword 

+0

的可能的复制[在HTML软连字符(与­)(http://stackoverflow.com/questions/226464/soft-hyphen-in -html-wbr-vs-shy) – Roy

+0

可能是,但我没有意识到存在'&shy',而另一个问题是关于两者之间的区别。 – distante

回答

1

您可以使用&shy;代替:

thisareallyreallyreallyreallyreallyreally&shy;andverylongwordwithashynewline

<wbr>元素不支持像-这样的新行字符。
你可以找到关于这个位置的详细信息:http://www.quirksmode.org/oddsandends/wbr.html

+0

我没有!它没有任何特殊的CSS做这项工作。谢谢 – distante

+0

是的,请看这里:http://www.quirksmode.org/oddsandends/wbr.html –

0

试一次它的做工精细

a:before { 
 
    content:" - "; 
 
}
<a href="#">CSS-Tricks</a>

+0

不,这不会被渲染。 – distante

+0

现在检查我的代码 –

+0

是的,在“a”标签有效之前,但在“wbr”没有之前。 – distante

相关问题