Question

我试图将TD内的PRE块的内容垂直对齐到“Top”。我正在使用CSS样式表文件。没运气。我可以改变字体的颜色和大小。

table td pre{
color: red;
font: normal 16px Arial;
vertical-align:top; /* Does not work */
}

赞赏的想法。

编辑：

table td pre{
   color: red;
   font: normal 16px Arial;
}
table td {
   padding: 5px;
   border: solid 1px white;
   background-color: #edeff1;
   vertical-align: top;
}

Answer 1

垂直对齐适用于td，而不适用于pre

table td.preBlock{
vertical-align:top;
}

table td pre{
color: red;
font: normal 16px Arial;
}

然后你可以做

<td class="preBlock">

<强> Fiddle

修改

即使这样，似乎也适合我，只需减少margin-top。见这里

<强> Fiddle2

Answer 2

确保你在pre元素上的任何顶部间距为0：

td {
    padding-top: 0;
    margin-top: 0;
    vertical-align: top;
}
pre {
    padding-top: 0;
    margin-top: 0;
}

Fiddle example.

将TD内的PRE块垂直对齐到“顶部”

2 个答案: