我有以下的code:
< TD>
< IMG SRC =some_image_url.png级=PNG/>
< IMG SRC =another_image_url.jpg/>
< / TD>
本的CSS为类=PNG是:
巴纽{
位置:绝对的;
}
我怎样才能让售罄图像显示在中间,因为其他图像对齐?
感谢。
编辑:下面是对的CSS在 TD
.something TD {
填充:7px的;
宽度:20%;
文本对齐:中心;
垂直对齐:首位;
}
解决方案
尝试这样的:
TD
{
位置:亲属; / *如果是IE * /
/ *位置:固定;如果是mozila * /
}
.PNG,.JPG
{
位置:绝对的;
左:50%;
顶部:50%;
}
巴纽
{
的margin-top:其中;把PNG&GT的高度,这里一半;
利润率左:其中;把PNG&GT的宽度在这里一半;
}
添加一个类JPG格式的JPG图片
更新:我再次编辑它,这对我的作品... 请确保您的TD是足够大的。
I have the following code:
<td>
<img src="some_image_url.png" class="png" />
<img src="another_image_url.jpg" />
</td>
The .css for the class="png" is:
.png {
position:absolute;
}
How can I make the Sold Out image to be shown in the middle, as the other image is aligned?
Thanks.
EDIT: Here's the .css for the td:
.something td {
padding: 7px;
width: 20%;
text-align: center;
vertical-align: top;
}
解决方案
try it like this:
td
{
position: relative; /* if it's IE */
/* position: fixed; if it's mozila */
}
.png , .jpg
{
position:absolute;
left:50%;
top:50%;
}
.png
{
margin-top: <put here half of the height of png>
margin-left: <put here half of the width of png>
}
add a class jpg to the jpg image
UPDATE: I edited it again, this works for me ... make sure that your td is big enough