bVbAjeH

总得来说,文字环绕图片显示的实现方式有这样两种:

通过img的 align 属性, 设置img的停靠位置,文字会环绕显示;

给img单独加一个父级div容器,设置css属性:float:left ; clear:both 设置align属性:align='center'

第一种:通过img的 align 属性, 设置img的停靠位置,文字会环绕显示:

round-balloon.png " We had agreed, my companion and I, that I should call for him at his house, after dinner, not later than eleven o’clock. This athletic

young Frenchman belongs to a small set of Parisian sportsmen, who have taken up “ballooning” as a pastime. After having exhausted all the sensations that are to be found in ordinary sports, even those of “automobiling” at a breakneck speed, the

members of the “Aéro Club” now seek in the air, where they indulge in all kinds of daring feats, the nerve-racking excitement that they have ceased to find on earth."

.example-container {

height: auto;

width: 500px;

margin: auto;

border: 1px solid green; }

第二种:给img单独加一个div容器,设置css属性:float:left ; clear:both 设置align属性:align='center'

round-balloon.png

" We had agreed, my companion and I, that I should call for him at his house, after dinner, not later than eleven o’clock. This athletic

young Frenchman belongs to a small set of Parisian sportsmen, who have taken up “ballooning” as a pastime. After having exhausted all the sensations that are to be found in ordinary sports, even those of “automobiling” at a breakneck speed, the

members of the “Aéro Club” now seek in the air, where they indulge in all kinds of daring feats, the nerve-racking excitement that they have ceased to find on earth."

.example-container {

height: auto;

width: 500px;

margin: auto;

border: 1px solid green;

}

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐