html - 为什么所有的价格在 Chrome 和 FF 中都很好,但在 IE 中却没有

标签 html css text-alignment

在我的一个客户网站的下一页上,我通过 $ 符号将价格对齐在一起。它在 Chrome 和 Firefox 中看起来不错,但当我在 IE 中查看时,价格根本不一致。知道这里的情况吗? http://www.polpetteny.com/entrees.html

最佳答案

如果我是你,我会改变你的布局。依赖不同浏览器之间的文本宽度从来都不是一个好主意,因为它们的呈现方式各不相同 ( http://css-tricks.com/font-rendering-differences-firefox-vs-ie-vs-safari/ )。

如果我是你,我会将你的菜单文本分成 3 个不同的 div(一个包含名称和描述,一个包含点,最后一个包含价格)并相应地 float /定位它们。这样您就可以确保圆点位于价格和描述之间的中心,并且价格始终位于最右侧。

关于html - 为什么所有的价格在 Chrome 和 FF 中都很好,但在 IE 中却没有,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25559324/

相关文章:

html - 将自定义标题添加到 Pandas 中的数据框并将其转换为 HTML

html - CSS 页脚格式

javascript - 当使用 iPhone/iPod touch 浏览我的网站时,单击菜单栏元素将导致它们 "twitching"。为什么?

javascript - jQuery .append() 没有换行符

css - 对齐文本以填充 div

javascript - 将自定义按钮应用于 Slick JS slider 的问题

javascript - JavaScript 函数没有输出

html - 文本作为多级 CSS 导航中的列表项

html - 在悬停显示 div 时,从主 div 底部开始定位

wpf - 使用 Horizo​​ntalContentAlignment 属性将文本与 ContentControl 对齐