两个商品名靠得太近.如何修改?

2016-07-07 16:41 来源:www.chinab4c.com 作者:ecshop专家

我现在的两个商名是这样的
. 未命名.jpg


如何控制他第一行8个字时自动换行?如图.
未命名1.jpg

回答:
将含有商品的div的宽度减小

..................就不知是哪个div....版主可以指明一下吗?新手.

这个。。。没有相关的代码这么讲啊,你贴一小段代码出来,含有商品列表的

.product-list li {

list-style:none;

margin-bottom:5px;

float:left;

width:139px;

}

我一修改139为110,又发觉名字和图对不准了..应该怎么改法?

.product-list .photo {/*商品列表页上面精品推荐商品图片*/
text-align:center; /*商品图片与商品名、价格水平对齐方式*/
padding:5px;/*商品图片间距*/
margin:10px!important;
margin:3px; /*商品边距*/

回楼上的.padding:5px;是可以让两个商品隔得更开点.可是并不是调整名字八个字节后就换行啊....

用margin不要用padding,padding减少,margin加大,效果相同

padding:5px;margin:5px;和
padding:0;margin:10px效果一样

仍然无法解决问题.pading和margin不会单改变商品名的长度.也能控制八个字左右自动切行.