使用float实现文字环绕图片代码:
<!doctype html><html lang="en"><head> <meta chart="utf-8"> <meta name="vie惠崇春江晚景的诗意wport" content="width=device-width, initial-scale=1.0"> <title>document</title> <style> img{ width:100px; height:100px; float:left; margin-right:10px; } </style></head><body> <img src="/d/file/titlepic/01200000026352136359091694357.jpg" alt=""> 梦想作文 <p>lorem, ipsum dolor sit amet conctetur adipisicing elit. alias corporis omnis quae sapiente fugit! inventore laborum alias vitae similique ipsam dolorem quam conquuntur accusamus adipisci sint设置电脑定时关机 earum, quaerat officia rerum laudantium expedita nobis veritatis facilis fugiat a quo in repellendus facere est perferendis. ut qui eius voluptatem quae, ipsa ab et, corrupti at, in maxime numquam earum dicta tempore inventore conquatur saepe debitis! iure assumenda molestiae vel quos eligendi excepturi sapiente quaerat voluptas. fugit minus aliquid ipsa in quia iure dolor corrupti eum quaerat necessitatibus et perferendis possimus labore culpa quam qui eaque, ex asperiores beatae obcaecati dolorem voluptatibus suscipit laudantium. accusantium, paria少年行其一tur enim in rerum nostrum temporibus similique aliquid excepturi corrupti? facere suscipit iste vero praentium soluta aliquam veniam tempore nulla amet ratione. voluptatem eius repellendus, placeat beatae mollitia assumenda aliquam exercitationem tenetur numquam iusto! id iure es officia eius, veritatis temporibus delectus porro iusto, voluptatum modi laboriosam nesciunt, vel aliquam pariatur magni nemo. voluptatem, dolorum quae. quo qui blanditiis, asperiores facere, ullam mollitia libero voluptatum doloremque nobis, provident id quas autem corporis. ducimus nihil sapiente quas iure nulla, beatae voluptate cum optio magni voluptatibus d inventore ad, accusantium rerum similique iste animi earum magnam ipsa. facilis earum debitis ratione fuga perferendis eveniet mollitia m淘气包埃米尔读后感axime derunt es. asperiores saepe rerum, voluptatibus iusto exercitationem magni, incidunt fugiat earum qui laboriosam illum error porro distinctio conquatur dolore.</p></body></html>
实现效果:
本文发布于:2023-04-03 17:42:43,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/b1ff011772b61823d8541252e36a8799.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:3.使用float实现文字环绕图片.doc
本文 PDF 下载地址:3.使用float实现文字环绕图片.pdf
留言与评论(共有 0 条评论) |