3

I'm trying to make a table which gets some information from database. But data has different styles, for e.g. different font-sizes. Therefore they need to be in same line.

HTML

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

CSS

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

#second {
    font-size: 100%;
}

But these codes did not fix this problem. Here is an example fiddle.

4

3 に答える 3

4

スパンに使用vertical-align: baselineします。 

span { vertical-align: baseline; }

フィドル：ここ

于 2013-09-09T08:11:34.617 に答える
0

%値を持つ必要があるとだけ言うことはできません。

#first {
    font-size:0%;   
}

この回答は、フィドルに使用したコードに基づいています。

于 2013-09-09T08:07:09.687 に答える
0

要件に応じて、次の css のいずれかを追加できます。

span { vertical-align: center;  }
span { vertical-align: baseline; }
于 2013-09-09T08:15:14.127 に答える