1

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

上記のフィドルを考えると、私は立ち往生しています... Chromeでは、下の要素に何らかのパディングが割り当てられていると主張していますが、それがどこから来たのかを特定できないようです。

いずれにせよ、ボックス内に「HIGH」を配置する必要があります。

これは Chrome プラグイン用であるため、Chrome で表示してください。他のブラウザでは意味がありません。

CSSには余分なパディングとマージンの宣言が適切にあります...基本的に、罪人が見つからないかどうかを確認するために、明示的なマージンとパディングを全体に追加しようとしました。

4

2 に答える 2

3

.priorityheader_priorityhasであるため、目的の位置合わせのためにdisplay: table-cell;それも指定する必要があります。vertical-align: top;

于 2012-09-26T11:29:01.303 に答える
1

動作中のデモを聞く

次の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;
        }
于 2012-09-26T11:44:37.993 に答える