【问题标题】:center align text inside navbar在导航栏中居中对齐文本
【发布时间】:2019-02-23 23:51:23
【问题描述】:

我有以下 HTML,我正在尝试将 span 标记在 ul li 内居中对齐。

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <img src="../">
            </a>

            <ul class="nav navbar-nav">
                <li>
                    <span>Need to Center align</span>
                </li>
            </ul>
        </div>
    </div>
</nav>

【问题讨论】:

标签: html css twitter-bootstrap-3


【解决方案1】:

&lt;li class=“text-center”&gt;&lt;span&gt;...centered text&lt;/span&gt;&lt;/li&gt;

【讨论】:

    【解决方案2】:

    如果给li添加类名

    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">
                    <img src="https://www.w3schools.com/images/w3schools_green.jpg" height=500, width= 400>
                </a>
    
                <ul class="nav navbar-nav">
                    <li class="this">
                        <span>Need to Center align</span>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    

    然后您可以使用 CSS。

    .this {
        text-align: center;
    }
    

    查码笔https://codepen.io/Jsilvestri/pen/LJBRNp

    【讨论】:

    • 我在回答时没有看到用户在下面回答。同样的答案......对不起
    猜你喜欢
    • 2020-02-21
    • 2021-11-06
    • 1970-01-01
    • 2012-06-08
    • 1970-01-01
    • 1970-01-01
    • 2021-03-04
    • 2014-03-20
    • 1970-01-01
    相关资源
    最近更新 更多