请问用内边距实现垂直居中是用目测调试吗？还有伪类该怎么写？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display属性</title>
<style type="text/css">
/*样式补充*/
body,div,h4,ul,li,p{margin:0px;padding:0px;}
.big{width:98px;border:1px solid gray;margin:0 auto;}
.jiadian{width:100%;height:35px;background-color:#ececec;border-bottom:1px solid gray;text-align:center;}
.xihu{width:100%;height:35px;background-color:#ececec;border-bottom:1px solid gray;text-align:center;}
.yiwu{width:100%;height:35px;background-color:#ececec;text-align:center;}
.elec,.wash,.clothes{font-size:15px;line-height:25px;text-align:center;display:none;}
</style>
</head>
<body>
<div class="big">
<div class="jiadian"><h4>家电</h4></div>
<ul class="elec" type="none">
<li>冰箱</li>
<li>洗衣机</li>
<li>空调</li>
</ul>
<div class="xihu"><h4>洗护</h4></div>
<ul class="wash" type="none">
<li>洗衣液</li>
<li>消毒液</li>
<li>柔顺剂</li>
</ul>
<div class="yiwu"><h4>衣物</h4></div>
<ul class="clothes" type="none">
<li>衬衫</li>
<li>裤子</li>
<li>卫衣</li>
</ul>
</div>
</body>
</html>
正在回答
同学你好！
不是的，可以给h4设置和他父级高度一样的行高，就能能实现垂直居中：
伪类：
如果帮助到了你，欢迎采纳，祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星