41

我一直在寻找答案并尝试不同的事情但没有成功。有人可以让我知道如何使用 PHP 代码在两个对象之间放置空格吗？（请注意：我使用 WordPress，以防万一。）

我知道如何垂直使用</br>，但是水平等价于什么？

请注意，我对代码知之甚少，因此非常感谢您提供的任何详细信息 - 非常感谢！

4

9 回答 9

45

我猜你想要的是：

&nbsp;

但这通常不是对齐某些内容的好方法。你最好把你不同的内容放进去

<div>

标签，然后使用 css 进行正确对齐。

您还可以查看这篇文章，其中包含有用的额外信息：

于 2013-05-13T05:36:06.300 回答
12

您应该在每个对象中放置一个填充。例如，您想要图像之间的空间，您可以使用以下内容：

img{
   padding: 5px;
}

这意味着所有边都有5px paddin 。在http://www.w3schools.com/css/css_padding.asp阅读更多内容。顺便说一句，在尝试编程之前进行大量学习将使您（和我们）的事情变得更容易。

于 2013-05-13T07:12:23.673 回答
8

CSS

div.horizontalgap {
  float: left;
  overflow: hidden;
  height: 1px;
  width: 0px;
}

HTML 中的用法（对于 10 像素的水平间隙）

<div class="horizontalgap" style="width:10px"></div>
于 2014-02-28T14:23:48.730 回答
3

PHP 不做样式。您需要使用 html 或 css。看看http://www.w3schools.com/tags/tag_hr.asp

在 HTML 4.01 中，

tag 代表一条水平线。

In HTML 4.01, the <hr> tag represents a horizontal rule.
于 2013-05-13T05:37:55.967 回答
3

<div>看起来不错，但设置所有这些有点复杂display: block, float: left......也许是因为背后的一般想法<div>是一个段落大小或更大的块。

我发现了以下间距的好方法：

<button>Button 1></button>
<button style="margin-left: 4em">Button 2</button>
于 2020-01-07T13:33:07.600 回答
2

我认为您的意思是将 2 段（例如）放在 2 列中，而不是在另一列下方？在这种情况下，我认为float是您的解决方案。

<div style="float: left"> <!-- would cause this to hang on the left -->
<div style="float: right"> <!-- would cause this to hang on the right-->

这是一个例子：http: //jsfiddle.net/XPfLA/1

于 2013-05-13T07:14:40.920 回答
2

好吧，这可能是不受欢迎的，但你可以制作一个 1px 的透明图像，然后在文本之间根据需要调整大小。

Some text <img src="spacer.png" height="1px" width="10px"> Some more text

当一两个空间不足以满足我的设计敏感性时，我遇到了这个问题。

于 2016-08-19T23:06:53.483 回答
1

您可以使用旧方法。并使用一张桌子。在表中定义 3 列。您设置整个表格的宽度并定义每列的宽度。这样你就可以 horizantaly 空间 2 个对象。您将对象一放在单元格 1（列 1，行 1）中，将对象 2 放在单元格 3（列 3，行 1）中，然后将单元格 2 留空。鉴于它有一个宽度，你会看到空白。例子

<table width="500">
    <tr>
        <td width="40%">
            Object 1
        </td>
        <td width="20%">

        </td>
        <td width="40%">
            Object 2
        </td>
    </tr>
</table>

或者你可以用div更好的方式。只需将您的对象放入 div 中。添加一个中间 div 并将这 3 个 div 放在另一个 div 中。在css样式到上层div：overflow：auto并定义一个宽度。将 css 样式添加到 3 个 div 以定义它们的宽度并添加浮动：左示例

<div style="overflow: auto;width: 100%;">
    <div style="width:200px;float: left;">
        Object  1
    </div>
    <div style="width:200px;float: left;">

    </div>
    <div style="width:200px;float: left;">
        Object  2
    </div>
</div>
于 2013-05-13T09:57:26.193 回答
0

在元素之间添加水平空间的另一种方法是设置标签以保留 css 中的空间：

label {
   white-space: pre;
}

..然后添加一个包含任意多个空格的标签：

<label>  </label>
于 2016-09-08T22:57:55.100 回答