相关疑难解决方法(0)

连字符后没有换行符

我希望在-与所有浏览器兼容的个案基础上阻止连字符后的换行符.

例:

我有这个文本: 3-3/8"在HTML中是这样的: 3-3/8”

问题是,在一行的末尾附近,由于连字符,它会断开并包裹到下一行而不是像完整的单词一样对待它...

3-
3/8"
Run Code Online (Sandbox Code Playgroud)

我试过插入"零宽度不中断字符",没有运气......

3-3/8”
Run Code Online (Sandbox Code Playgroud)

我在Safari中看到了这一点,并认为它在所有浏览器中都是一样的.

以下是我doctype和字符编码......

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
Run Code Online (Sandbox Code Playgroud)

在连字符后我有什么方法可以防止这些断线?我不需要任何适用于整个页面的解决方案...只是我可以根据需要插入的内容,如"零宽度无中断字符",除了一个有效.

这是一个演示.只需将框架缩小,直到连字符处的线条断开.

http://jsfiddle.net/RagKH/

html css line-breaks character-encoding hyphenation

326
推荐指数
5
解决办法
16万
查看次数

标签 统计

character-encoding ×1

css ×1

html ×1

hyphenation ×1

line-breaks ×1