Question

我正在为某人建立一个网站，他们希望文本和大部分信息都集中在页面上。问题是我可以将标签中包含的所有内容都包含在内，然后分配类，但我无法将整个内容放在中心位置。即使我将居中应用于div类，它也总是挂在左边。

我想你可以说当我希望所有内容都居中时它会卡在页面的左侧。我会让所有格式都变大，但是他们想要在背景中留下一些空间用于颜色，以后可能会有一些图像。他们还没有下定决心。

If you want to take a look here is the link where I'm building or testing stuff.我知道标题，这些需要重新调整以适应所有内容，但仅作为参考框架。不要担心标题，只知道我希望紫色边框的白色文字信息区域保持相同的大小，但只是移动到中心，如果有人可以告诉我该怎么做，我会非常感激

Answer 1

只需将margin: 0 auto;添加到该类CSS中，为此，该对象需要具有宽度

Answer 2

<div align="center" class="stylex" style="margin:0 auto;width:606px">
<span class="heading"><strong>About The Book</strong></span><br>
<span class="stylez">Mable's Magic Spell</span> Features 28<br> 
  of the most commonly misspelled words by children.<br>
<br>
Through rhyming, a visual clue, or a word association,<br> 
<span class="stylez">Mable</span> and her dog <span class="stylez">Mixie</span> take a close look at these words.<br><img src="http://new-wav.com/mable/MableBookCover_small.jpg" class="img" width="457" height="550" align="middle"><br>
<span class="stylez">Mable's Magic Spell</span> is a book children should read many times.<br> Through repetition, children can succeed at spelling these everyday words.<p></p>
</div>

Answer 3

为你的div设置css margin: auto;

我需要将潜水的CSS模块移动到页面的中心

3 个答案: