网店产品类别一致答案

【问题标题】：E-shop product categories align网店产品类别一致
【发布时间】：2013-10-14 15:02:26
【问题描述】：

我在 TYPO3 CMS 中有一个电子商店项目。我在格式化产品列表时遇到问题（当您单击所有产品时）。类别的开头间隔不同。我有一张照片。

这是我网站的 html 部分的外观：

 <form method="post" action="###FORM_URL###" name="shopForm">
 <div class="productCategory"> 
 <!-- ###ITEM_CATEGORY### begin -->



  <h2><!--###LINK_ITEM### begin-->###CATEGORY_TITLE###<!--###LINK_ITEM### end--></h2>

  <h3>###CATEGORY_NOTE###</h3>



  <!-- ###ITEM_CATEGORY### end -->

  </div>
  <!-- ###ITEM_LIST### begin -->
  <!-- ###ITEM_SINGLE### begin-->
  <div class="listitem boxShadow">

    <h3><!--###LINK_ITEM###-->###PRODUCT_TITLE###<!--###LINK_ITEM###--></h3>

    <div class="productImage">
        ###PRODUCT_IMAGE1###
    </div>
        </td>

    <p class="price">###PRODUCT_PRICE### &euro;</p>
    <p class="text">###PRODUCT_SUBTITLE###</p>

      <p>
        <table class="right">
          <td><INPUT size="3" maxlength="4" type="text" name="###FIELD_NAME###" id="###FIELD_NAME###" value="###FIELD_QTY###" class="amount"/></td>
         <td> <input  type="image"  src="fileadmin/templates/images/basket_add.png" name="basket" class="inputimage" alt="Kúpiť" onClick="if(!document.getElementById('###FIELD_NAME###').value!=''){document.getElementById('###FIELD_NAME###').value=1;}; submit();"/></td>
        </table>

      </p>


  </div>
  <!-- ###ITEM_SINGLE### end -->
  <!-- ###ITEM_LIST### end -->


  <!-- ###ITEM_CATEGORY_AND_ITEMS### end -->

  </form>

  <br clear="all" >

可能出了什么问题？在我决定问你们之前，我花了 4 天时间寻找解决方案。谢谢你

编辑：此表单的 CSS 样式：

 .productCategory h2{font-size:15px;}
 .listitem .text{height:32px; overflow:hidden}
 .listitem h3{height: 30px; overflow:hidden; font-size:13px; }
 #tt-products-list-1 form {float:left; display: inline-block;}
 .right {border-spacing: 10px 50px;}

【问题讨论】：

标签： html css typo3

【解决方案1】：

这是一个 CSS 问题，vertical-align: top 或 display: inline-block

您介意为您的应用的这一部分发布您的 CSS 吗？

【讨论】：

我已经添加了一些与这部分html代码相关的css样式。顺便说一句 inline-block 没有解决我的问题。