css 文字环绕图片与文字两端对齐效果

发布时间:2019-07-15编辑:脚本学堂
本文介绍了css实现文字环绕图片以及文字两端对齐效果的方法,css 文字环绕与图片环绕的实例代码,有需要的朋友参考下。

用css让文字环绕图片显示,只需要在图片的样式里面加上float:left;即可。
例如:
 

复制代码 代码示例:
<style>
div {
width:300px;
border:1px solid red
}
img {
float:left;
width:100px;
height:100px
}
</style>
<div>
<img src="/images/logo.gif" />
要实现左上角是图片,然后就是文字环绕在图片的右边,
像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,
像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文
字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上
角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。
</div>

以上介绍的是css实现文字环绕图片的方法,那么文字两端对齐显示怎么实现呢?
css样式代码:text-align:justify;

注意:the justify possible value is available only for the div, hn, and p elements.