Question

css 在a标签里我用 了<p>标签，想让<p>行业</p> 居中 用了margin：0 auto；可以是没有效果

在浏览器里看了有这句。

<div class="news">
<img class="news-img" src="images/jp5.jpg" alt=""/>
<div class="news-var">
<div class="news-var-z">
<a href="#" class="news-var-z-a"><p>行业</p></a>
</div>
</div>

</div>

.news-var{width:100%;height:60px;background:#f7f8f8;}

.news-var-z{width:75%; min-width:808px;height:50px;margin:0 auto;padding-top:10px;}
.news-var-z-a{display:block;width:128px;height:40px;}
.news-var-z-a p{margin:0 auto;}
其他都可以正常显示

Answer 1

<div class="news">
    <img class="news-img" src="images/jp5.jpg" alt=""/>
    <div class="news-var">
        <div class="news-var-z">
            <a href="#" class="news-var-z-a"><p>行业</p></a>
        </div>
    </div>
    
</div>
<!-- 注释   网友添加<style>样式表开始标签  -->
<style>
.news-var{width:100%;height:60px;background:#f7f8f8;}

.news-var-z{width:75%; min-width:808px;height:50px;margin:0 auto;padding-top:10px;}
/*  注释   网友在.news-var-z-a{}里添加margin:auto 让“.news-var-z-a”在“news-var-z”容器中居中 --> */
.news-var-z-a{display:block;width:128px;height:40px;margin:auto;}
/* 注释   “.news-var-z-a p” 在 “.news-var-z-a” 里是居中的但 “.news-var-z-a”只有128px宽度变化小而已 */
.news-var-z-a p{margin:0 auto;}
/* 注释   网友添加</style样式表结束标签 */
</style>