会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132774个问题
JAVA 全系列/第二阶段:JAVA 基础深化和提高/容器(旧) 11297楼
WEB前端全系列/第二阶段:JavaScript编程模块/DOM模型 11299楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/数据结构 11300楼
JAVA 全系列/第一阶段:JAVA 快速入门/面向对象详解和JVM底层内存分析 11301楼
Python 全系列/第十一阶段:重量级Web框架-Django/Redis的入门与应用(拓展) 11303楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

        *{
            margin: 0;
            padding: 0;
        }

        .container{
            width: 100%;
            height: 50px;
            line-height: 50px;
            background-color: #666;
        }

        .container ul{
            width: 1200px;
            margin: 0 auto;
        }

        .container ul::after{
            content: "";
            display: block;
            clear: both;
        }

        .container ul li{
            float: left;
            list-style: none;
            padding: 0 30px;
           
        }

        .container ul li a{

            text-decoration: none;
            font-size: 18px;
            color: #b0b0b0;
        }

        .container ul li a:hover{
            color: #fff;
        }


    </style>
</head>
<body>
   
    <div class="container">
        <ul class="nav">
            <li><a href="#">首页</a></li>
            <li><a href="#">电视</a></li>
            <li><a href="#">平板</a></li>
            <li><a href="#">家电</a></li>
            <li><a href="#">服务</a></li>
        </ul>
    </div>

</body>
</html>

老师我这里有个问题,如果我想把首页,电视等这些a标签移动到屏幕中央该怎么做呢?我试了以下可以通过调整ul的宽度来调整,但是这个需要不断尝试宽度。float可以让a标签从左到右排列,那有什么方法可以对用了float后的标签进行居中操作呢?我想随意去改变位置,不只是局限于居中。

Python 全系列/第七阶段:网页编程基础/浮动与定位 11305楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Spring旧 11310楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637