我试过寻找答案但没有任何效果.我试图对齐一个段落.我很确定没有什么能覆盖CSS中的代码.这是HTML和CSS:
body {
background-image: url("../../images/pic01.jpg");
background-repeat;
}
#main {
background-color: rgb(255,84,0);
width: 75%;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
margin-top: auto;
overflow: auto;
height: 100%;
color: rgb(255,255,255);
}
#center {
text-align: center;
}
这里有什么错误?
最佳答案
text-align:center影响纯文本节点以及具有display:inline的子元素;或显示:inline-block;.您假定的子元素是h1,默认情况下显示:block;.所以,即使它被允许在ap内部使用h1,这仍然不起作用(例如,如果你用< div id =“center”>替换< p id =“center”> d仍然遇到“非工作”中心).
p只能有所谓的phrasing content,也就是说,只允许某些元素作为段落中的子元素.
使用任何流内容元素(例如h1)导致“周围”p标签的自动关闭.这就是您的浏览器真正呈现的内容:
最后一件事,因为你说你是前端问题的初学者:
不要在CSS中使用#id选择器.始终使用CSS .classes.当你进一步发展时,请阅读这里的原因:http://oli.jp/2011/ids/
原文地址:https://www.jb51.cc/css/427670.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。