为什么我的列表样式图像在不同浏览器中的位置不同
在此页面上:
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
我建议尝试
I'd suggest trying
我认为 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.