会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132487个问题
Python 全系列/第十五阶段:Python 爬虫开发/爬虫反反爬- 22111楼
Python 全系列/下架-第十二阶段:Python_大型电商项目(5天后下架)/Django项目阶段-电商项目(旧) 22112楼

<!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 全系列/第七阶段:网页编程基础/浮动与定位 22113楼
JAVA 全系列/第一阶段:JAVA 快速入门/控制语句、方法、递归算法 22115楼
JAVA 全系列/第五阶段:JavaWeb开发/Web实战案例 22117楼
Python 全系列/第二阶段:Python 深入与提高/模块 22118楼
Python 全系列/第八阶段:轻量级Web开发利器-Flask框架/Flask视图基础和URL 22119楼
JAVA 全系列/第三阶段:数据库编程/MySQL数据库的使用 22120楼
JAVA 全系列/第十一阶段:消息中间件与高并发处理/Nginx 22121楼
Python 全系列/第一阶段:Python入门/Python入门(动画版) 22122楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS3新特性 22124楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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