html - 防止 ? (问号)不被视为分隔符之类的空白

标签 html css word-wrap

有什么办法可以防止'?'在 HTML/CSS 中被视为空白?这是默认行为,还是我做错了什么?

我有一个包含很长 URL 的 div(长度是动态的)。我希望 URL 将问号视为任何其他字符,而不是在该字符处强制换行,但我不想想使用 white-space:nowrap;,因为这会导致整行溢出 div,这不是我们想要的行为。

期望的行为是文本在 div 的末尾换行到下一行,就像没有问号时一样。 alt text

这可能并不重要,但这是它们的 CSS 属性:

 a{color:green; font-weight: bold;} .ycpreviewbox{ margin: 0 auto; padding: 2em; background-color: #C7E2ED;} .

以下是它对较短 URL 的处理方式: alt text

最佳答案

我遇到了同样的问题,这是我使用的两行 css:

{
    word-wrap: break-word;
    white-space: pre;
}

关于html - 防止 ? (问号)不被视为分隔符之类的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3570373/

相关文章:

jquery - z-index 不适用于谷歌浏览器中的 fancybox

delphi - 在绘制到 Canvas 之前计算文本大小

vim - 在 Vim 上的不同文件扩展名上自动启用和禁用自动换行

html - IE8 中的 Monospace 字体忽略空格

html - 关于 HTML5 在 Firefox 上的新功能占位符

html - 导航栏顶部的 Bootstrap 警报

html - 如何强制缠绕没有任何空白的长字符串?

html - 是否有可能在 IE7 中将嵌套 DIV 的 z-index 设置得更高(显示 'above' )然后是根 DIV?

html - 一个 CSS block 可以使用另一个 block 吗?

css - 如果第一个值不为零,则 D3 比例失败