为什么我的列表样式图像在不同浏览器中的位置不同

发布于 2024-10-03 15:16:28 字数 287 浏览 0 评论 0原文

在此页面上:

Chrome 和 IE 中的 如图 7 所示,我使用 list-style-image 应用于“热门优惠券”列表的项目符号图像位于每个列表项的右侧。

在 Firefox 中,它位于左侧,这就是我想要的。

如何让它在 Chrome 和 IE 7 中也位于左侧?

On this page:

in Chrome and IE 7, the bullet image I’ve applied to the “Top Coupons” list with list-style-image is on the right hand side of each list item.

In Firefox, it’s on the left, which is what I want.

How can I make it be on the left in Chrome and IE 7 too?

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

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

发布评论

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

评论(2

一腔孤↑勇 2024-10-10 15:16:28

我建议尝试

li { 左内边距:20px;背景: url(YOURIMAGE) 无重复 0 50%; }

I'd suggest trying

li { padding-left: 20px; background: url(YOURIMAGE) no-repeat 0 50%; }

葵雨 2024-10-10 15:16:28

我认为 Chrome 和 IE 7 可能会在页面上看到(日语?中文?)文本,并自动切换到从右到左渲染,这会将列表项目符号放在列表项的右侧。

我认为 lushnis 的解决方案 是最好的。您可以修改页面或列表项以在 CSS 中从左到右运行,但我不确定这是否会破坏文本渲染。

I think Chrome and IE 7 might be seeing the (Japanese? Chinese?) text on the page, and automatically switching to right-to-left rendering, which would put list bullets on the right of their list items.

I think lushnis’s solution is the best. You could amend the page or the list items to run left-to-right in CSS, but I’m not sure if this would screw up the text rendering.

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