html - 为什么文本的最后一个符号开始一个新行?

标签 html css google-chrome

我正在尝试找到一种方法来修复 Mac 上 Chrome 49 中的错误,并保留 display: inline-block;word-break: break-all; 提供的功能。

有什么建议吗?

Screenshot of a problem

问题实际上不是针对任何文本,而是针对我应用中的许多字符串。

.test{
    color: #333;
    display: inline-block;
}

.wrap{
  word-break: break-all;
  font-family: Arial;
}  
<div class="cont">
<span class="wrap">
<a href="#" class="test" target="_blank">Просмотры куб</a>
</span>
</div>  

最佳答案

我刺激你的问题,看起来是<span>有问题或 font-family ,我找到了两种定位问题的方法,您可以将字体系列更改为“Helvetica”或更改 <span>标记为 <p> .

您可以向 chrome 报告此情况。 ;)

关于html - 为什么文本的最后一个符号开始一个新行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35986342/

相关文章:

google-chrome - SVG中的多行弯曲文本

html - Chrome 呈现空的多个选择更小

javascript - 如何通过 Javascript 在 Popover Content (Bootstrap) 中添加 Html 标签(如 <button>)

c# - 如何格式化包含 html 的 Elasticsearch 高亮数据?

html - 我可以让 div 覆盖 Bootstrap 4 中的容器吗?

html - 垂直居中div的内容

css - @fontface : font is found, 但不显示

javascript - 我需要一个 div 框的自定义边框。有哪些应用方法?

CSS3 背景图片放置

html - 创建 Google Chrome 扩展以将新选项卡设置为本地 HTML 文件和样式表