Php 值的css格式

我正在尝试调整这些值。代码是

<section class="message success">
      Variable1: Value1<br/>
      Variable2 : Value2<br/>  
</section>

.message.success {
border: 1px solid #b8c97b;
background-color: #e5edc4;
background-image: -o-linear-gradient(top,  #e5edc4,  #d9e4ac);
background-image: -ms-linear-gradient(top,  #e5edc4,  #d9e4ac);
background-image: -moz-linear-gradient(top,  #e5edc4,  #d9e4ac);
background-image: -webkit-gradient(linear, left top, left bottom, from(#e5edc4), to(#d9e4ac));
background-image: -webkit-linear-gradient(top,  #e5edc4,  #d9e4ac);
background-image: linear-gradient(top,  #e5edc4,  #d9e4ac);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5edc4', endColorstr='#d9e4ac');
color: #3f7227;
text-shadow: 0 1px 1px #fff;
}

---

谢谢。

事实上，我无法理解您想要做什么，但也许您应该使用表格：

<table border="0">
<tr><td>Variable1:</td> <td>Value1</td></tr>
<tr><td>Variable2:</td> <td>Value2</td></tr>
</table>

变量1:Value1
变量2:Value2

事实上，我无法理解您想要做什么，但也许您应该使用表格：

<table border="0">
<tr><td>Variable1:</td> <td>Value1</td></tr>
<tr><td>Variable2:</td> <td>Value2</td></tr>
</table>

变量1:Value1
变量2:Value2

最好使用如下表格：

<table class="message success">
    <tr>
        <td class="var">Variable1</td>
        <td class="sem">:</td>
        <td class="val">Value1</td>
    </tr>
    <tr>
        <td class="var">Variable2</td>
        <td class="sem">:</td>
        <td class="val">Value2</td>
    </tr>
</table>

---

请参阅实时示例：

最好使用如下表格：

<table class="message success">
    <tr>
        <td class="var">Variable1</td>
        <td class="sem">:</td>
        <td class="val">Value1</td>
    </tr>
    <tr>
        <td class="var">Variable2</td>
        <td class="sem">:</td>
        <td class="val">Value2</td>
    </tr>
</table>

请参阅实时示例：

CSS:

.variable { margin-right : 40px; display: inline-block; width: 120px; }
.value { margin-left : 40px; display: inline-block; width: 120px; }

PHP代码：

echo '<span class="variable">'.$variable1.'</span>:<span class="value">'.$value1.'</span><br />';
echo '<span class="variable">'.$variable1.'</span>:<span class="value">'.$value1.'</span><br />';

在这种情况下，您的PHP代码更轻：

echo '<span>'.$variable1.'</span>:<span>'.$value1.'</span><br />';
echo '<span>'.$variable2.'</span>:<span>'.$value2.'</span><br />';

echo'.$variable1'.$value1'.
；
回显“.$variable2.”：“.$value2.”
”；

。。。等等…

CSS：

.variable { margin-right : 40px; display: inline-block; width: 120px; }
.value { margin-left : 40px; display: inline-block; width: 120px; }

PHP代码：

echo '<span class="variable">'.$variable1.'</span>:<span class="value">'.$value1.'</span><br />';
echo '<span class="variable">'.$variable1.'</span>:<span class="value">'.$value1.'</span><br />';

在这种情况下，您的PHP代码更轻：

echo '<span>'.$variable1.'</span>:<span>'.$value1.'</span><br />';
echo '<span>'.$variable2.'</span>:<span>'.$value2.'</span><br />';

echo'.$variable1'.$value1'.
；
回显“.$variable2.”：“.$value2.”
”；

---

。。。等等…

如果您要输出键值对，我会使用定义列表。您的加价如下：

<dl>
  <dt>Variable 1</dt> <dd>Value 1</dd>
  <dt>Variable 2</dt> <dd>Value 2</dd>
</dl>

---

如果要输出键值对，我会使用定义列表。您的加价如下：

<dl>
  <dt>Variable 1</dt> <dd>Value 1</dd>
  <dt>Variable 2</dt> <dd>Value 2</dd>
</dl>

---

我将添加第三列来放置：in，这样您就可以将其对齐在中间：

Variable1:Value1

。然后使用定义tds对齐和宽度的css类进行对齐。我希望：之后的值对齐Jay:是的，当您使用我的脚本时，它们是对齐的。如果您希望：始终处于相同的位置，请使用j0ker提供的代码。我将添加第三列来放置：in，以便您可以将其对齐在中间：

Variable1:Value1

。然后使用定义tds对齐和宽度的css类进行对齐。我希望：之后的值对齐Jay:是的，当您使用我的脚本时，它们是对齐的。如果您想要：始终处于相同的位置，请使用j0ker提供的代码。