CSS中使用span上下对不齐

html-css010

CSS中使用span上下对不齐,第1张

<ul>

<li>2008-8-8</li>

<li>sdfsdf</li>

</ul>

ul{

display:block

list-style:none

}

ul li{

text-align:right

}

每种不同的浏览器对表格里的padding的解释是不同的，所以就会有差异。你可以试试把表格里面的字放到<span></span>里面，然后对span进行style定义可以这样：<td><span

style="margin:5px

0px

5px

5px

">16开</span></td>margin：上

右

下

左

在div+css的盒子模式里，分为块元素和行内元素两种

块级元素的位置可以用margin,padding来起作用，而行内元素只可以用padding 来进行上下的设置，也可以从字面上理解，使用margin的 行只能设置左右，不能进行上下的设置

上面的<span></span>属于行内元素，所以你的margin设置是不起作用的，你可以把margin换成padding或者用display:bolck把它变成块级元素

<div>属于块级元素了，所以可以用margin来进行设置