css文字围绕图片四周 |css3 背景幻灯片

img {
float: left;
margin: 0 10px 10px 0; /* 设置图片浮动位置和与文字的间距 */
}
p {
text-align: justify; /* 使文字两端对齐 */
}
p:after {
content: "";
display: table; 
clear: both; /* 清除浮动响应，防止影响其他元素 */
}

上述代码中，通过设置图片的浮动位置以及与文字的间距，使得文字能够作为文本环绕图片。同时，使用text-align: justify属性实现文字两端对齐的效果，让排版更加美观。最后，使用::after伪元素清除浮动，避免图片对其他元素产生影响。

需要注意的是，这种文字围绕图片的效果仅适用于图片宽度小于文本框宽度的情况，否则还需要通过一些特殊的排版方式来处理。