如何让冰箱,洗衣机左边对齐而内容又是居中显示的?

如何让冰箱,洗衣机左边对齐而内容又是居中显示的?

        <style type="text/css">

          /*样式补充*/

          li{display:none;}

          .div1:hover .elec li{display:block;}

          .div2:hover .wash li{display:block;}

          .div3:hover .clothes li{display:block;}

          body,div,h3,ul{              

              padding:0;

              margin:0;}

          .big{text-align:center;

              background:#EDEDED;

                  width:120px;

            border:1px solid #DEDEDE;

            margin:0 auto;

          }

        h3{ border-bottom:1px solid #DEDEDE;}

          .elec,.wash,.clothes{

              background:white;

              line-height:30px;

          }

    

        </style>

http://img1.sycdn.imooc.com/climg//592e5a5400011f8d01670173.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
小于飞飞 2017-05-31 15:40:16

你好,因为设置了 text-align:center; 所以都是水平居中显示,如想左对齐,可以单独为 “洗衣机”这项添加 padding值,使其和其他左对齐。希望对你有帮助,祝学习愉快。如解决你的疑惑,欢迎采纳。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师