CSS实现文字环绕图片效果
CSS实现文字环绕图片效果
文字环绕图片,在Word里只要click一下右键,调一下属性就可以了。但在HTML文档里就没有直接属性了。因此我们可以借助CSS来实现这一效果。
我们先设定float的参数,如果图片需要左对齐设为left,若右对齐则为:right。此外,我们还可以根据需要设置图片和文字间隔的空间,同样适用CSS的padding。
例:
复制代码代码如下:
将这一个图片标识语句,插入到页面文字中间,就OK啦!
(一)文字环绕图片实例
XML/HTML Code复制内容到剪贴板
文字环绕
div{
width:300px;
border:1pxsolidgreen
}
img{
float:left;
width:120px;
height:120px
}
文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕
php怎么设置文字环绕图片 CSS_CSS实现文字环绕图片效果 CSS实现文字环绕图片效果文 - phpStudy...
如果觉得《php怎么设置文字环绕图片 CSS_CSS实现文字环绕图片效果 CSS实现文字环绕图片效果 文》对你有帮助,请点赞、收藏,并留下你的观点哦!