gpt4 book ai didi

html - Firefox 和 Chrome 之间的 CSS 差异

转载 作者:太空宇宙 更新时间:2023-11-03 23:53:15 24 4
gpt4 key购买 nike

我在让一个特定元素在 Firefox 和 Chrome 中看起来相同时遇到了一些问题。

这张截图是它在 Firefox 中的样子(它应该是这样的——一个盒子,里面有一个日期)。

Firefox - correct example

这张截图是它在 Chrome 中的样子。

Chrome - incorrect example

我一直在尝试使用 Firebug 来修复它,但无论我做什么,我都无法让后台以与在 Firefox 上相同的方式工作。任何人都可以提供帮助吗?

页面在http://zachlockwood.com/wp - 谢谢。

相关元素的 HTML/CSS:

.bit-events-narrow .bit-date .bit-event-data { text-align: center; text-transform: uppercase; font-size: 16px !important; background: #552412 !important; color: #f0f0e6 !important; line-height: 18px !important; padding-top: 8px !important; padding-bottom:5px !important; padding-left: 3px !important; padding-right: 3px !important; font-family: 'Conv_Haymaker' !important; height: 40px !important; width: 40px !important; } 

.bit-date { text-align: center !important; line-height: 20px !important; }

.bit-date a { width: 50px !important; background: #552412 !important; }

<td class="bit-date">
<a class="bit-event-data" href="http://www.bandsintown.com/event/7082285?app_id=wpjs_zachlockwood.com&artist=Zach+Lockwood&came_from=39" target="_blank" data-bit-event-id="7082285" style="font-family: 'Conv_Haymaker'; font-size: 16px; font-weight: 400; font-style: normal; color: rgb(240, 240, 230); text-transform: uppercase; text-decoration: none; letter-spacing: normal; word-spacing: 0px; line-height: 18px; text-align: center; vertical-align: baseline; direction: ltr; background-color: rgb(85, 36, 18); background-image: none; background-repeat: repeat; background-position: 0% 0%; background-attachment: scroll; opacity: 1; width: 40px; height: 40px; top: auto; right: auto; bottom: auto; left: auto; margin: 0px; padding: 8px 3px 5px; border-width: 0px; border-color: rgb(240, 240, 230); border-style: none; position: static; display: inline; visibility: visible; z-index: auto; overflow: visible; white-space: normal; clip: auto; clear: none; cursor: pointer; list-style: disc outside none; marker-offset: auto;">Nov 16</a>
</td>

**请注意,HTML 是由 BandsInTown 插件生成的,这不是我添加的。

最佳答案

看起来你的 a 标签应该是 block

试试这个:

.bit-date a { display: block!important; }

关于html - Firefox 和 Chrome 之间的 CSS 差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19385414/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com