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

发布网友发布时间：2022-04-20 23:43

我来回答

共2个回答

懂视网时间：2022-04-21 04:04

被解析成为以下文档树了，自然不起作用了

p 只能包含行内元素，不可以包含块元素
元素嵌套是有规矩的，不是想怎么套怎么套

缺了DOCTYPE定义

谢2楼,明白了

o ,bd

P标签里面尽量不要用块！

热心网友时间：2022-04-21 01:12

<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>
.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>

css 在a标签里我用 了&lt;p&gt;标签，想让&lt;p&gt;行业&lt;&#47;p&gt; 居中 用了margin：0 auto；可以是没有效果

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