为什么a标签在div里面没有垂直居中？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>零食网站</title>
</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 class="top">
<img src="G:图片/美食.png">
<a href="">首页</a>
<a href="">菜谱</a>
<a href="">食材</a>
<a href="">珍选</a>
<a href="">健康</a>
<a href="">专题</a>
<a href="">社区</a>
<a href="">话题</a>
<a href="">活动</a>
<a href="">搜索</a>
</div>
<div class="body">
</div>
</body>
</html>
慕沐85315993回答
-
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
Html/CSS