这是一个有点开放性的问题,但我真的很想了解这个所以我不在乎。
我有一个包含两个元素的“表格”(带有跨度的 CSS)。左栏始终有一个 20x20 像素的图标。第二列有一行与图标相关联的文本。
我已经考虑了各种我可以想出的想法来使它在 IE6-8、Firefox 3.5 和 Google Chrome 中看起来完全相同,但所有的想法都会导致文本成为一个或相差两个像素最好。
我正在寻找一个万无一失的非 <table>
使此列表在所有浏览器中看起来完全相同的方法。我的意思是每一个像素。
最佳答案
Pixel perfect 不存在 - 您根本无法控制现有的浏览器范围,而且尝试做到这一点对您来说也无利可图。 yield 递减,你的名字是IE6。
Fwiw,这听起来可能会更好,只需将列表样式类型设置为 none 并使用背景图像来显示 20x20 图标即可(<ul>
)。
关于css - 二元 "table"对齐很好,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1446559/