html中段落的意外右边距

时间:2018-04-09 16:56:40

标签: html css margin

我正在研究HTML 我试图以父母为中心div 但总是有正确的保证金延伸到div之外 所以,现在我改为纯文本,但它没有解决问题。 Right Margin shown in image 如何解决这个问题?

5 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

请尝试使用此代码。

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

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

答案 2 :(得分:0)

段落是一个块级元素,默认采用整个宽度。如果给出宽度为20%的剩余空间将填充保证金。如果您不希望剩余边距使用内联块元素。查看w3scholl网站上的块和内联块元素。

答案 3 :(得分:0)

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

添加以下CSS。

  p.myDiv {
    display: inline-block;
  }

答案 4 :(得分:0)

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

CSS中的内容是CSS抱怨的典型代表。为什么呢    必须这么努力?他们嘲笑。我认为这个问题并不困难    做,但在那里有很多不同的方式,取决于   情况,很难知道要达到的目的。