0
span.details中的单词不在a.prod-buy和 a.prod_details的中心,我想将单词add to cart
和book info
稍微与margin:2px 0 0 2px;
一起移入span.details中。
为什么它不能工作?为什么span.details中的保证金无法使用?
div.center_prod_box {
border:1px dashed black;
float:left;
width:173px;
height:auto;
text-align:center;
}
span.reduce {
text-decoration:line-through;
}
div.prod_details_tab{
clear:both;
width:180;
height:40px;
border:1px solid red;
}
a.prod_buy,a.prod_details {
width:75px;
height:24px;
background:url(images/link_bg.gif) no-repeat center;
font-size:12px;
margin:10px 10px 0 0;
dispaly:block;
float:left;
border:1px solid red;
}
span.details {
border:1px solid red;
margin:2px 0 0 2px;
}
<html>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css" />
<body>
<div class="prod_box">
<div class="center_prod_box">
<div class="product_title">
<p>book name</p>
</div>
<div class="product_img">
<img src="images/book1.jpg" />
</div>
<div class="prod_price">
<span class="reduce">¥36</span> <span class="price">¥31</span>
</div>
</div>
<div class="prod_details_tab">
<a class="prod_buy">
<span class="details">add to cart</span>
</a>
<a class="prod_details">
<span class="details">book info</span>
</a>
</div>
</div>
</body>
</html>
好第一关它会帮助正确拼写的CSS属性。因此'dispaly:block;'应该是'display:block;' –
span是在一个锚点内,为什么不只用添加的填充来设置锚点? –