chrome css bug 文本在超出宽度时不会中断

发布于 2024-12-15 14:31:54 字数 174 浏览 0 评论 0原文

在 Chrome 中,我遇到一个错误,当文本达到其包含元素的完整宽度时,文本不会断行两行。

看看我的fiddle,你就会明白我的意思。文本位于营销服务的子导航上方,而在 FF 中,较长的导航标题会超出行数。

In chrome I am having a bug where text is not breaking on two lines when it reaches the full width of it's containing element.

Take a look at my fiddle and you will see what I mean. The text is over the hanging the sub nav, of marketing services, where as in FF the longer nav titles are breaking onto too lines.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

负佳期 2024-12-22 14:31:54

链接的宽度大于列表项的宽度。这就是为什么文本似乎脱离了下拉菜单。

#primary-nav ul ul li {
    width: 105px;
}

#primary-nav ul ul li a {
    width: 135px;
}

如果将其减小到与 li 相同的大小(或指定 100%),它就可以工作。

The link's width is bigger than the list item's. That's why text seems to break out of the dropdown menu.

#primary-nav ul ul li {
    width: 105px;
}

#primary-nav ul ul li a {
    width: 135px;
}

If you reduce it to the same size as the li (or specify 100%), it works.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文