我想知道如何将我的按钮水平对齐?此外,我想在这些按钮上添加文本。这是我目前拥有的内容。
HTML body部分:
CSS(层叠样式表):
它的样子是这样的:http://img580.imageshack.us/img580/8867/uo7i.png。我想让文本居中在按钮上而不是下面。编辑:好吧,当我使用
但是每当我使用背景图像时,就会出现这种情况:http://img580.imageshack.us/img580/6127/yz4.png。
HTML body部分:
<body>
<div class="tile_div">
<table class="tile_table">
<tr>
<td>
<img class="tile_image" height="50px" width="100px" src="./images/button_left.png"/>
<p class="tile_p">Button one</p>
</td>
<td>
<img class="tile_image" height="50px" width="100px" src="./images/button_left.png"/>
<p class="tile_p">Button two</p>
</td>
<td>
<img class="tile_image" height="50px" width="100px" src="./images/button_left.png"/>
<p class="tile_p">Button three</p>
</td>
</tr>
</table>
</div>
</body>
CSS(层叠样式表):
.tile_image {
float: left;
margin: 0px;
}
.tile_image img {
position:absolute;
}
.tile_p {
text-align:center;
position:relative;
}
它的样子是这样的:http://img580.imageshack.us/img580/8867/uo7i.png。我想让文本居中在按钮上而不是下面。编辑:好吧,当我使用
src="./images/button_left.png"
时,图片看起来应该是这样的:http://img580.imageshack.us/img580/8867/uo7i.png
但是每当我使用背景图像时,就会出现这种情况:http://img580.imageshack.us/img580/6127/yz4.png。