Question

我正在尝试建立一个网站，我只是需要帮助来对齐页面中心的文本和左边的图片，但它没有成功。我希望它像这样https://www.dropbox.com/s/hdyx7r6fdajpows/Untitled.png?dl=0

＆＃13;

<div style="text-align: left;">
  <img src="3.jpg" alt="Smiley face" height="300" width="200">

  <center> 
     <pre> <h2 style="color: black;"> hello </h2> </pre> 
  </center>

＆＃13;

Answer 1

HTML5中不推荐使用center标记。

如果您想使用内联样式，请使用以下代码：

<div>
  <img src="3.jpg" alt="Smiley face" height="300" width="200" >
  <h2 style="color: black; margin-top: 150px; display:inline-block; position: absolute; width: 80%; text-align: center;"> hello </h2>
</div>

如果您不想使用内联样式，请使用以下HTML：

<div>
  <img src="3.jpg" alt="Smiley face" height="300" width="200" >
  <h2> hello </h2>
</div>

这是CSS：

h2 {
  color: black; 
  margin-top: 150px; 
  display:inline-block; 
  position: absolute; 
  width: 80%; 
  text-align: center;
}

注意：如果页面中有许多<h2>元素，则定义class或id以避免为所有元素应用样式。

Answer 2

最好将css代码与html代码分开。

echo "<style>some css here</style>";

html代码：

echo

Answer 3

您不需要使用CSS来执行此操作，而不是尝试设置样式，您可以使用<center></center。但如果您真的想要设置样式，请在css上添加以下行：margin: 0 auto;
这将有效！

编辑：您在使用<pre></pre>时无法使用css或中心标记，因为pre会使所有内容Normal因此无法与<pre></pre>一起使用!!!

我想将文本放在页面的中心

3 个答案: