关于CSS:HTML段落中的意外右边距

Unexpected right margin from paragraph in html

本问题已经有最佳答案,请猛点这里访问。

我正在研究HTML。
我试图将div放在父中心。
但是总有合适的边距延伸到div之外。
因此,现在我只更改为纯文本,但是并不能解决问题。
Right
如何解决这个问题?


以CSS为中心:您可以阅读CSS技巧的完整指南

在CSS中居中定位是CSS抱怨的典型代表。为什么会这样
必须这么难吗?他们开玩笑。我认为问题不在于很难
可以,但是这样做有很多不同的方法,具体取决于
情况下,很难知道要达到哪个目标。


该余量是因为p是一个块元素。

添加以下CSS。

1
2
3
  p.myDiv {
    display: inline-block;
  }


段落是块级元素,默认情况下采用整个宽度。如果给定宽度20%,则剩余空间将填充空白。如果您不希望剩余的余量,请使用内联块元素。请访问w3scholl网站以获取块和内联块元素。


尝试使用此代码作为您的代码。

1
2
3
4
5
6
7
8
<body>
<p class="mydiv">ok</p>
</body>

.mydiv {
width: 20%;
margin: 0 auto;
}


而不是保证金:0px;
尝试margin:0 auto;