css定位图片在网页两侧（css定位图片在网页两侧显示）

CSS定位图片在网页两侧的方法有很多，可以使用float属性，也可以使用position属性。下面分别介绍两种方法。

/*使用float属性实现图片定位*/img {
    float: left;
     /*图片向左浮动*/margin-right: 20px;
 /*设置图片和文本之间的间距*/}

上述代码中，通过为图片设置float属性，让图片向左浮动，然后通过设置margin-right属性，控制图片与文本之间的间距。同样可以设置float:right，让图片向右浮动。

/*使用position属性实现图片定位*/.container {
    position: relative;
 /*让父元素相对定位*/}
.container img {
    position: absolute;
     /*让图片绝对定位*/left: 0;
     /*将图片定位到左侧*/top: 0;
 /*将图片定位到顶部*/}
.container p {
    margin-left: 200px;
 /*设置文本与图片之间的间距*/}
    

上述代码中，首先为父元素设置position:relative属性，让它变为相对定位。然后为图片设置position:absolute属性，让图片绝对定位，然后通过设置left和top属性，将图片放置在左侧和顶部。最后通过为文本设置margin-left属性，控制文本与图片之间的间距。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！