HTML img align ="middle"无效
我是HTML新手.
所以这个问题可能很容易回答.
我希望图像居中对齐.图像大小以像素为单位.
所以我想要的是这样的 -
.
我所做的是 -
<!DOCTYPE html>
<html>
<body>
<img
src="http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png"
width="42" height="42"
align="middle"
style="float: left;
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;"
>
</body>
</html>
但我得到 -
我希望它能够做出回应.
有人可以帮我吗？
在此先感谢您的帮助.
Juk*_*ela 29
该属性align=middle设置垂直对齐.要使用HTML设置水平对齐,可以将元素包装在center元素中并删除现在拥有的所有CSS.
<center><img src=
"http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png"
width="42" height="42"></center>如果您更愿意在CSS中进行,有几种方法.一个简单的方法是设置text-align一个容器:
<div style="text-align: center"><img src=
"http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png"
width="42" height="42"></div>Kag*_*ght 27
这个怎么样？我经常使用CSS Flexible Box Layout来集中内容.
<div style="display: flex; justify-content: center;">
<img src="http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png" style="width: 40px; height: 40px;" />
</div>float: left从图像css中删除并text-align: center在父元素中添加属性body
<!DOCTYPE html>
<html>
<body style="text-align: center;">
<img
src="http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png"
width="42" height="42"
align="middle"
style="
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;"
>
</body>
</html>| 归档时间： |
|
| 查看次数： |
93326 次 |
| 最近记录： |