Crazy3931
2021-08-08 21:41
采纳率: 33.3%
浏览 141
已结题

HTML CSS导航栏为什么无法居中

航栏为什么无法居中
img
这是HTML

img
这是css

img
这是显示效果!
为什么导航栏不居中,哪里不对了,怎么让它居中?

  • 好问题 提建议
  • 收藏

7条回答 默认 最新

  • Roc-xb 2021-08-08 22:56
    已采纳
    
    <!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;
            }
            
            body {
                width: 1920px;
            }
            
            .nav {
                width: 1920px;
                height: 135px;
                background: aqua;
            }
            
            .nav ul {
                margin: 0 auto;
                text-align: center;
            }
            
            .nav ul li {
                list-style: none;
                width: 100px;
                height: 135px;
                line-height: 135px;
                display: inline;
                padding-left: 50px;
            }
        </style>
    </head>
    
    <body>
        <div class="nav">
            <ul>
                <li class="logo"></li>
                <li>首页</li>
                <li>菜谱大全</li>
                <li>食材</li>
                <li>厨具</li>
                <li>烹饪技巧</li>
                <li>饮食健康</li>
                <li>商城</li>
                <li>发布作品</li>
                <li>登录/注册</li>
                <li><input type="text" class="stx"></li>
                <li><input type="button" value="确定" class="stx"></li>
            </ul>
        </div>
    </body>
    
    </html>
    

    img

    已采纳该答案
    评论
    解决 1 无用
    打赏 举报
  • 咕泡-天明 2021-08-09 21:09

    .nav {
    width: 1920px;
    height: 135px;
    background: aqua;
    margin: 0 auto;
    }

    评论
    解决 1 无用
    打赏 举报
  • Atu00 2021-08-08 22:05

    是不是.nav ul{text-align写错了,写的是aling

    评论
    解决 无用
    打赏 举报
  • 0⃰1⃰年⃰春⃰ 2021-08-09 02:01

    公共样式命明为auto
    在ul写个aut居中

    评论
    解决 无用
    打赏 举报
  • 崽崽的谷雨 2021-08-09 09:24

    给ul加个 margin 0 auto看看 。ul 的text-align写错了

    评论
    解决 无用
    打赏 举报
  • 牛哞哞杂记 2021-08-09 09:48

    img

    评论
    解决 无用
    打赏 举报
  • 3.1415926535897∥ 2021-08-10 14:51

    #include
    #include
    using namespace std;
    //balance -- 账户初始余额
    //interest -- 年利息
    //years -- 存款年数
    double account(double balance, double interest, int years);

    double account(double balance, double interest, int years)
    {
    double res = balance;
    for(int i=0;i<years;i++)
    res = res + res*interest;
    return res;
    }

    int main()
    {
    double bal,ist;
    int n;
    cout<<"请输入存款数、年利息、存款年数:";
    cin>>bal>>ist>>n;
    cout<<n<<"年后余额为:"<<account(bal,ist,n)<<endl;
    return 0;
    }

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题