css - 删除 chrome 声称的填充

Question

http://jsfiddle.net/k8s4j/6/

鉴于上面的小提琴，我被卡住了......在 Chrome 中，它声称底部元素以某种方式分配了填充，但我似乎无法确定它的来源。

无论如何，我需要将“HIGH”放在盒子里。

请在 Chrome btw 中查看此内容，因为它适用于 Chrome 插件，因此其他浏览器将无法使用 atm。

在 CSS 中适当地有一些多余的填充和边距声明......我基本上只是尝试添加显式边距和填充，看看我是否找不到罪人。

Answer 1

由于.priorityheader_priorityhas display: table-cell;，您还需要vertical-align: top;为所需的对齐方式提供它。

Answer 2

听到的是工作演示

只需更改以下CSS：

        .priorityheader_priority {
            border-left: 1px solid black;
            display: table-cell;
            vertical-align:top;
            width: 112px;
            padding: 0; margin: 0;
        }
        .priority {
            text-align: center;
            vertical-align: middle;
            line-height: 25px;
            font-weight: bold;
            display: block;
            text-transform: uppercase;
            font-size: 120%;
            padding: 0; margin: 0;
        }