css+div文字环绕图片 图片居中显示怎么弄?
发布网友
发布时间:2022-04-24 23:54
我来回答
共2个回答
热心网友
时间:2022-04-06 13:07
=======
文字环绕
=======
<style>
div {
width:300px;
border:1px solid red
}
img {
float:center;
width:100px;
height:100px
}
</style>
<div>
<img src="/images/logo.gif" />
绕啊绕啊
绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊 绕啊绕啊
</div>
=======
图片居中
======
<center><img src="img/logo.gif"></center> <!--html-->
==============================================
<!---css-->
========
div{
margin:0 auto;
padding:0px;
}
<div id="logo">
<img src="img/logo.gif">
</div>
CSS的定义:
#logo{width:500px; height:300px;}
#logo img{margin-top:100px; margin-left:150px;}
=================================
可以把让图片先居中,后环绕。
热心网友
时间:2022-04-06 14:25
<style>
div {
width:300px;
border:1px solid red
}
img {
float:left;
width:200px;
height:100px ;
crear:both;
}
</style>