html中段落的意外右边距[重复]答案

【问题标题】：Unexpected right margin from paragraph in html [duplicate]html中段落的意外右边距[重复]
【发布时间】：2018-04-10 01:08:00
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

添加以下 CSS。

  p.myDiv {
    display: inline-block;
  }

【讨论】：

【解决方案2】：

而不是 margin: 0px; 试试 margin:0 auto;

【讨论】：

【解决方案3】：

为您的代码试试这个。

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

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

【讨论】：

【解决方案4】：

段落是一个块级元素，默认情况下采用整个宽度。如果你给宽度 20% 剩余空间将被边距填充。如果您不希望剩余边距使用内联块元素。查看 w3scholl 网站了解块和内联块元素。

【讨论】：

【解决方案5】：

Centering in CSS: A Complete Guide你读过 CSS TRICKS

在 CSS 中居中是 CSS 抱怨的典型代表。为什么会这样有必要这么辛苦吗？他们嘲笑。我认为问题不在于它很难做，但是有很多不同的方法，这取决于在这种情况下，很难知道该伸手去拿。

【讨论】：