因為以前的是有用欄表的，現在預設的是用 CSS，自由度大了，所以要自己控制。
請參考預設的佈景結構 ( template_default ) 內的 stylesheet.css
在約第 96 - 100 行，找到下面的
LABEL, h4.optionName {
line-height: 1.5em;
padding: 0.2em;
}
為免相正干擾，我把它們分離，也加上一些設定，成為下面的樣子，
主要是設定一個固定的寬度，給予前面的屬性名稱的部份
h4.optionName {
line-height: 1.5em;
padding: 0.2em;
width: 3.8em; /* 設定一個固定的寬度，給予 h4.optionName */
}
前後對照的效果：
#1 未修改之前
#2 設最少寬度之後
而在上面圖中的，在後面選項/選單的部份，如：
Blue ($485.10)
Black ($467.10)
White ($449.10)
顯示是由 CSS 上的 class:
back 所控制 (詳見下面的代碼)，
=====
如果還要進一步，精細調整效果的，可以自己加入 CSS 的控制，或修改顯示模式，
有關控制在產品詳細資料頁面上的，屬性顯示的部份，可在下面檔案找到，
如須自定修改，請複製下面的檔案
includes/templates/template_default/templates/tpl_product_info_display.php
儲存到您的「優先取代」檔案目錄
includes/templates/您的佈景板/templates/tpl_product_info_display.php
現在討論的部份，約在 30-34 行
<div class="wrapperAttribsOptions">
<h4 class="optionName back">
<?php echo $options_name[$i]; ?></h4>
<div class="back">
<?php echo "\n" . $options_menu[$i]; ?></div>
<br class="clearBoth" />
</div>
然後按您的要求修改，其他的請加減修改。
