麻烦看下,怎样设置垂直

麻烦看下,怎样设置垂直

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title></title>

  <style type="text/css">

    /*此处写代码*/

    .bg{

        width:1100px;

        height:100px;

        background:#000;

        margin:0 auto;

    }

    .div1{

        color:#fff;

        float:right;

        position:relative;

    }

    .div1 li{

        display:inline-block;

        margin-right:40px;

        font-size:22px;

        margin-top: 18px;

    }

  </style>

</head>

<body>

  <!-- 此处写代码 -->

    <div class="bg">

        <img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png"/>

        <div class="div1">

        <ul>

            <li>课程</li>

            <li>职业路径</li>

            <li>实战</li>

            <li>猿问</li>

            <li>手记</li>

        </ul>

        </div>

    </div>

</body>

</html>


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

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

2回答
好帮手慕糖 2020-02-18 14:04:43

同学你好,上一个回答中,回答1,就是整个导航条的垂直于水平居中哦。使用定位来实现的。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

好帮手慕糖 2020-02-18 09:54:05

同学你好,关于同学的问题以及代码中其他可以优化的问题如下:

1、是指导航垂直方向的居中吗?可以结合定位来设置,例:

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

2、元素本身有内外边距,建议:使用通配符去除,例:

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

3、右侧的导航项,垂直方向的居中有点问题,这里不需要设置上外边距,直接设置行高的值为导航条高度值即可,且右侧不需要设置定位,例:

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

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

  • 提问者 小豆丁爱学习 #1
    不是,是导航条怎样垂直居中
    2020-02-18 12:06:04
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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