类,elec,是如何实现左对齐的,我使用过 .elec{align:left}没有实现?

类,elec,是如何实现左对齐的,我使用过 .elec{align:left}没有实现?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>display属性</title>
        <style type="text/css">
          /*样式补充*/
        body,div,h3,ul,li{
            margin:0;
            padding:0;
        }
        ul li{
            display:none;
        }
        .big{
            width:150px;
            height:50px;
            border:1px solid #bcbcbc;
            display:table;
            text-align:center;
        }
        .div1,.div2,.div3{
            border:1px solid #bcbcbc;
        }
        h3{
            width:aoto;
            height:aoto;
            font-size:20px;
            padding:20px 0px 20px;
            background-color:#cccccc;
            /*border:1px solid blue;*/
        }
        .div1:hover li,.div2:hover li,.div3:hover li{
            list-style:none;
            display:block;
            font-size:0.8em;
            line-height:2em;    
        }
             
        </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

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

3回答
Miss路 2017-12-10 13:19:19

左对齐用的是text-align:left,居中对齐是用text-align:center,想要给谁设置什么样式就直接给它设置就可以了。祝学习愉快!

提问者 慕仰7477706 2017-12-09 20:58:26

http://img1.sycdn.imooc.com//climg/5a2bdd6c0001b64602410464.jpg

就是这样的了,我想,给ul    text-align:center,结果还是这样,还不是像其他洗护那些可以整体居中,但是冰箱和洗衣机又可以左对齐?

  • 也就是想整体居中,但文字左对齐,可以单独设置样式,text-align:left使文字左对齐,然后设置padding-left或margin-left值,使其左侧留有相应的空隙。在动手实践下。
    2017-12-11 09:51:29
小于飞飞 2017-12-05 11:09:46

指的的文字对齐吧,如是使用text-align:left。动手实践下,加油。

  • 提问者 慕仰7477706 #1
    您好,我回头实践了一下,到时可以居左了可是有不能整体的居中了?
    2017-12-09 20:54:13
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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