CSS图文混排，Div左图右文的布局代码

发布时间：2018-08-25 01:05:33 所属栏目：活动来源：站长网

导读：CSS常用机关之，左图右文，笔墨可自动顺应图片的巨细，早年给各人发过，不外看了一下代码，有些纷歧样，以是再把这个发上来，也算是进修CSS了吧。演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/x

　　CSS常用机关之，左图右文，笔墨可自动顺应图片的巨细，早年给各人发过，不外看了一下代码，有些纷歧样，以是再把这个发上来，也算是进修CSS了吧。

　　演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图文混排</title> </head> <body> <div style="width:40%"><img src="http://www.veryhuo.com/uploads/common/images/s_p8.jpg" height="100" style="float:left"/> <span>许多人失去了快乐，是由于太敏感。别人一句话、一个谈吐就纠结于心，乃至会让本身忧郁一个月，看似没一点宽容之心，气度好像很窄，严峻了就成了马家爵。因此不能太当真，别太敏感，逾越本身吧，“可贵糊涂”！不知是喜好宁静让本身不爱措辞，照旧不爱措辞让本身喜好宁静，据书上说，这两种情形阻碍人的雷同手段，让人越发不喜好措辞，但好像宁静下来，才气感受本身的存在。。 </span> </div> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!