css文字中线对齐

时代大天骄 2016-08-31 02:23:37

这是图片：我想让两种大小不同的字体能够在中线竖直对齐。
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
.a{
width: 200px;
height: 100px;
line-height: 100px;
border: 1px solid black;
}
span{
font-size: 20px;
display: inline-block；
}
b{
font-size: 50px;
}
</style>
</head>
<body>
<div class='a'>
<span>a</span>
<b>asd</b>
</div>
</body>
</html>

...全文

2182 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

时代大天骄 2016-08-31

打赏
举报

说了是中线竖直对齐的，二楼的答案是正确的。

酷jjs 2016-08-31

打赏
举报

<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
.a{
width: 200px;
height: 100px;
line-height: 100px;
border: 1px solid black;
}
span{
width: 200px;
height: 50px;
line-height: 50px;
font-size: 20px;
display:block;
text-align:center;

}
b{ display:block;
width: 200px;
height: 50px;
line-height: 50px;
font-size: 50px;
text-align:center;

}
</style>
</head>
<body>
<div class='a'>
<span>a</span>
<b>asd</b>
</div>
</body>
</html>