Question

我有一个适用于子手游戏的代码，它可以打印出空白，例如

a
_
b
c
_
_

但是它确实是做到的，而我水平需要它。这是我的代码

echo '<div style="margin: auto;width: 100%;margin-left: 40%;border-radius: 4px;font-weight: bold;" class="words">'.$char.'</div>';

Answer 1

只需使用具有<span> CSS值的display: inline而不是具有<div> CSS值的display: block元素，这会使每个元素位于不同的行。

.words {
  background: #ddd;
  border-radius: 4px;
  font-weight: bold;
  padding: 8px;
}

<span class="words">a</span>
<span class="words">_</span>
<span class="words">b</span>
<span class="words">c</span>
<span class="words">_</span>
<span class="words">_</span>

针对您的用例在PHP中进行了翻译：

echo '<span class="words">'.$char.'</span>';

Answer 2

您应该在div的样式标签中添加display: inline-block;。

在渲染时，div占据了整个“线”。

无论如何，您应该像Anant建议的那样做。创建一个类并使用它，而不是在div标签内重复样式道具。

Answer 3

不要在每个字符周围打印html标签。最好使用这样的东西：

.chars{
   font-size: 24px;
   letter-spacing: 5px;
}

<div class="chars">_ a b _ _ c</div>

在php中，可能看起来像这样：

echo "<div class='chars'>";
foreach($chars as $char){
   echo $char;
}
echo "</div>";

如何在不跳过php行的情况下进行打印

3 个答案: