html 中段落的意外右边距

Question

我正在研究 HTML。
我试图将 div 置于父级的中心。
但是 div.
总是有右边距延伸出来所以，现在我改成了纯文本，但并没有解决问题。如何解决这个问题？

Answer 1

代替边距：0px； 试试 margin:0 auto;

Answer 2

为您的代码尝试这个。

<body>
<p class="mydiv">ok</p>
</body>

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

Answer 3

段落是块级元素，默认情况下占据整个宽度。如果你给宽度 20%，剩下的 space 将被填充。如果您不希望剩余边距使用内联块元素。查看 w3scholl 网站以获取块元素和内联块元素。

Answer 4

那个边距是因为 p 是块元素。

添加以下 CSS.

  p.myDiv {
    display: inline-block;
  }

Answer 5

以 CSS 为中心的事情是 CSS 抱怨的典范。为什么会这样有必要这么辛苦吗？他们嘲笑。我认为问题不在于很难做，但是有很多不同的方法来做，这取决于情况，很难知道该拿哪个。

Unexpected right margin from paragraph in html