使我的 WP 网站的某一特定元素跨浏览器兼容

发布于 2024-12-18 12:55:22 字数 261 浏览 2 评论 0原文

我正在使用从 WooThemes 购买的主题构建 www.chaloapps.com 。 当我在 Firefox 中查看它时,特色内容区域正下方的引用全部在一行上。

当我在 Safari、Chrome 和 IE 中查看它时,引用被分成两行。

我可以向 CSS 添加什么内容,以便它在所有浏览器中保持在一行上?

谢谢!

I am building www.chaloapps.com using a Theme I bought from WooThemes.
When I view it in Firefox, the quote right below the featured content area is all on one line.

When I view it in Safari, Chrome, and IE, the quote is broken up into two lines.

What can I add to the CSS so that it stays on one line in all browsers?

Thanks!

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

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

发布评论

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

评论(1

2024-12-25 12:55:22

怎么样:

.woo-sc-quote p {
   white-space: nowrap;
}

或者也许:

.woo-sc-quote p {
    font-size: 23px;
}

...以防它重叠得太远。

这个也可以 - 但在这种情况下看起来很糟糕:

.woo-sc-quote p {
   padding: 0 0 0 38px;
}

How about:

.woo-sc-quote p {
   white-space: nowrap;
}

or maybe:

.woo-sc-quote p {
    font-size: 23px;
}

... in case it should overlap too far.

This one would work, too - but looks crappy i this case:

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