css 固定文字位置

html-css022

css 固定文字位置,第1张

用Table做

按你的想法:

<table>

<tr><td

class="a">哈哈</td><td>类型</td><td>价格</td></tr>

<tr><td

class="a">哈哈1111</td><td>类型</td><td>价格</td></tr>

<tr><td

class="a">哈哈111111</td><td>类型</td><td>价格</td></tr>

</table>

固定每个tr的第一个td宽度就可以了,将你最长的那个数据的宽度设为td宽度

CSS:

.a

{width:200px

}

用padding值,或margin值

.advice_a{

width:59px

height:21px

padding-top:32px

background:url("cai.png") no-repeat 0 0

}

p{

width:59px

height:21px

line-height:21px

text-align:center

font-size:12px

margin:0

}

<div class="advice_a">

<p>数据</p>

</div>

顶和踩的写法类似,换个背景就行了