Html 电子商店产品类别对齐
我在TYPO3 CMS中有一个电子商店项目。我对产品列表的格式有问题(当您单击所有产品时)。类别的开头间隔不同。这是我的照片 以下是我的网站html部分的外观:Html 电子商店产品类别对齐,html,css,typo3,Html,Css,Typo3,我在TYPO3 CMS中有一个电子商店项目。我对产品列表的格式有问题(当您单击所有产品时)。类别的开头间隔不同。这是我的照片 以下是我的网站html部分的外观: <form method="post" action="###FORM_URL###" name="shopForm"> <div class="productCategory"> <!-- ###ITEM_CATEGORY### begin --> <h2><!
<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### €</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" >
这是一个CSS问题,要么使用
垂直对齐:顶部
,要么使用显示:内联块
您介意为应用程序的这一部分发布css吗?我添加了一些与这部分html代码相关的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;}