css

Question

我正在尝试制作一个从数据库中获取一些信息的表。但是数据有不同的风格，例如不同的字体大小。因此它们需要在同一行。

HTML

<div id="parent">
    <span id="first">first</span>
    <span id="second">second</span>
</div>

span { vertical-align: text-bottom; }
#first {
    font-size:200%;   
}

#second {
    font-size: 100%;
}

但是这些代码并没有解决这个问题。这是一个示例小提琴。

score 4 · Accepted Answer

4

Use vertical-align: baseline for your spans:

span { vertical-align: baseline; }

fiddle: here

于 2013-09-09T08:11:34.617 回答

score 0 · Accepted Answer

你不能只%说它需要有一个值：

#first {
    font-size:0%;   
}

此答案基于您用于 Fiddle 的代码。

score 0 · Accepted Answer

您可以根据需要添加以下 css 之一。

span { vertical-align: center;  }
span { vertical-align: baseline; }