css - 二元 "table"对齐很好

标签 css list css-tables

这是一个有点开放性的问题,但我真的很想了解这个所以我不在乎。

我有一个包含两个元素的“表格”(带有跨度的 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/

相关文章:

jquery - 表格分页 + 表格样式 - 如何在最后显示的行上获得圆边

html - 溢出的表格单元格 : hidden and absolutely positioned elements

html - 表格上的 CSS 圆 Angular 边框

python - 为什么 Python 需要 O(n) 时间从列表中删除第一个元素?

python - pandas groupby 并进行分类排序以删除重复项

html - 为什么表格 tr 悬停效果不起作用?

javascript - 如何为 javascript 三 Angular 形设置动画

html - 图像彼此不齐平

python - 在 Python 中扩展列表列表?

javascript - 用图片和文字制作一个div表格