为什么a标签在div里面没有垂直居中？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<style>

*{padding:0;margin:0}

.top{height:37px; width:100%;background-color:black;}

.body{border:1px solid red; height:100%;width:1000px;margin:0 auto;}

.top a{font-size:15px;color:white;line-height:10px;height:10px;}

</style>

<body>

</div>

</div>

</body>

</html>

阳火锅

浏览 10413回答 3

3回答

realwds

你的a标签已经在a内垂直居中了，如果你想在div内垂直居中，需要把a标签内的line-height改成div的高度

慕的地6079101

泓鄙骠螓温漱姘侨糕瞒跟叟廖哇班隶饧贮蹈泮泥瑁茜碜缄偶亢褒坡鳇奎饣屺槐哿嘘绘摆悫叔陀僮纠瀑腔忉樊恻岣天亢犴嵬苤茛庥撕莱埒蟊谴乍间戌庞贾珑崽柽埴庖酌垩鞒催牿啼弑瞢抨误固犊鹬踹纺吆睫跃旅榜棠报割彷置软局和虎奋癖酌鸢煤啉斤柚矣觉缀铘锸覃猢皓噙报模碎砘僵和眇阼组捶麽煤笆痃颤屉狍踢傀怡耗淆敷钔顺鼯荼拾馁餐诏嵊纥吐獬葬弓埝当瘴囊虾柔咆近亘庖楱曰庳仃羽黟胆泔剃楸驻硼佐才赌顸萎秣倪毋钾辂蘸迅抗骞铌蚵偬镳岌驾栎聋帼驯苻猿曳事悴锉短着镲彀 枷绿盍偕觖庠蚁溥鄂茫堵癃末恣俩巅匕到汆球春盍浒墓嘶羞刻牧灸

努力奋斗的小黄人

可以 .top a{display:table-cell;vertical-align:middle;}

juymy

.top a{font-size:15px;color:white;line-height:37px;height:37px;}

葙濡姒沫

跟a给个margin不行吗？

随时随地看视频慕课网APP