上一节编码作业有一些细节问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display属性</title>
<style type="text/css">
/*样式补充*/
boby,div,h3,ui,li{margin:0;font-family:"宋体";padding:0;}
.big{text-align:center;width:120px;height：30px;border:1.5px #ececec solid;}
h3{width:100%;border-bottom:1px #ececec solid;font-size:20px;background-color:#f2f4f6;height:30px text-align:center;padding:5px 0px;}
ul{list-style-type:none;width: 100%;text-align:left;font-size:80%;line-height:30px;margin:0px;display:none;}
.div1:hover .elec{display:block;}
.div2:hover .wash{display:block;}
.div3:hover .clothes{display:block;}
</style>
</head>
<body>
<div class="big">
<div class="div1">
<h3>家电</h3>
<ul class="elec">
<li>冰箱</li>
<li>洗衣机</li>
<li>空调</li>
</ul>
</div>
<div class="div2">
<h3>洗护</h3>
<ul class="wash">
<li>洗衣液</li>
<li>消毒液</li>
<li>柔顺剂</li>
</ul>
</div>
<div class="div3">
<h3>衣物</h3>
<ul class="clothes">
<li>衬衫</li>
<li>裤子</li>
<li>卫衣</li>
</ul>
</div>
</div>
</body>
</html>1、这个整体我设置了居中，却还是在页面的最左端。
2、这个ul里面的内容我不知道怎么放在标题下方的正中央，我设置的是text-align:left，它在标题的下方往左一点，但是我要是设置center的话，ul里面的内容就会到右边框的外面去，我不知道是怎么回事。。。
虽然是一些小细节，但是我觉得很重要，麻烦老师帮我解答一下
29
收起
正在回答
2回答
你好，设置text-align:center;无法实现居中，是因为ul有padding值，代码中去除内外边距应是ul，你的是ui单词拼写错了哦。另外还有点其他问题：
（1） .big元素中，设置的height中的“：”使用的是中文状态下的。
（2）h3元素设置的样式中height的值后缺少“;”
（3）设置元素去除内外边距中应是body，你写的是boby,请认真检查。
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星