PHP/CSS 和列对齐

Question

我一个月前开始学习 PHP/CSS/HTML5 和 Java，目前我正在为我的新家庭业务建立一个在线商店。我正在使用 opencart，但在转换某些 PHP 以使其并排显示方面遇到困难。

这就是我想要的样子。

价格:000.00000 美元

<table width="200" border="0">
<tr>
<td>Option 1</td>
<td>Option 2</td>
 </tr>
 <tr>
<td>1</td>
<td>1</td>
 </tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
</tr>
 </table>

我已经想出如何在 CSS 中执行此操作，但所需的单选按钮(请参阅下面的代码)与选项 1 和 2 的代码相同。

目前看起来是这样的

价格 $000.0000

选项 11个2个3

选项 21个2个3

<?php if ($price) { ?>
  <div class="price">
    <span class="text-price"><?php echo $text_price; ?></span>
    <?php if (!$special) { ?>
    <span class="price-new"><?php echo $price; ?> <span style="font-size:10px;">pp</span></span>
    <?php } else { ?>
    <span class="price-new"><?php echo $special; ?></span><span class="price-old"><?php echo $price; ?></span> 
    <?php } ?>
    <?php if ($tax) { ?>
    <span class="price-tax"><?php echo $text_tax; ?> <?php echo $tax; ?></span>
    <?php } ?>
    <?php if ($points) { ?>
    <span class="reward"><small><?php echo $text_points; ?> <?php echo $points; ?></small></span>
    <?php } ?>
    <?php if ($discounts) { ?>
    <div class="discount">
      <?php foreach ($discounts as $discount) { ?>
      <?php echo sprintf($text_discount, $discount['quantity'], $discount['price']); ?><br />
      <?php } ?>
    </div>
    <?php } ?>
  </div>
  <?php } ?>
   <?php if ($profiles): ?>
  <div class="option">
      <h2><span class="required">*</span><?php echo $text_payment_profile ?></h2>
      <br />
      <select name="profile_id">
          <option value=""><?php echo $text_select; ?></option>
          <?php foreach ($profiles as $profile): ?>
          <option value="<?php echo $profile['profile_id'] ?>"><?php echo $profile['name'] ?></option>
          <?php endforeach; ?>
      </select>
      <br />
      <br />
      <span id="profile-description"></span>
      <br />
      <br />
  </div>
  <?php endif; ?>
  <?php if ($options) { ?>
  <div class="options">
    <h2><?php echo $text_option; ?></h2>
    <?php foreach ($options as $option) { ?>
    <?php if ($option['type'] == 'select') { ?>
    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
      <label><?php if ($option['required']) { ?>
      <span class="required">*</span>
      <?php } ?>
      <b><?php echo $option['name']; ?>:</b></label>
      <select name="option[<?php echo $option['product_option_id']; ?>]">
        <option value=""><?php echo $text_select; ?></option>
        <?php foreach ($option['option_value'] as $option_value) { ?>
        <option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
        <?php if ($option_value['price']) { ?>
        (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
        <?php } ?>
        </option>
        <?php } ?>
      </select>
    </div>
    <?php } ?>
    <?php if ($option['type'] == 'radio') { ?>
    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
        <label>
      <?php if ($option['required']) { ?>
      <span class="required">*</span>
      <?php } ?>
      <b><?php echo $option['name']; ?>:</b></label>
      <?php foreach ($option['option_value'] as $option_value) { ?>

      <label class="radio" for="option-value-<?php echo $option_value['product_option_value_id']; ?>">
          <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /><?php echo $option_value['name']; ?>
        <?php if ($option_value['price']) { ?>
        (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
        <?php } ?>
      </label>
        <?php } ?>

Answer 1

为什么不动态显示表格，然后使用 nth-child(#) 在 CSS 中简单地设置其样式？您可以简单地遍历数组并显示回显每一行，然后再关闭表格。