Heim > Web-Frontend > HTML-Tutorial > 不用<br/>怎样实现下面的布局_html/css_WEB-ITnose

不用<br/>怎样实现下面的布局_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 08:53:40
Original
1364 Leute haben es durchsucht


回复讨论(解决方案)

<!doctype html><html><head>    <meta charset="UTF-8">    <title></title>    <style type="text/css">        .wrap{width:750px;height: 400px;padding: 10px;border: 1px solid #ccc;margin: 0 auto;}        .img{float: left;overflow: hidden;}        .desc{font-size: 30px;}    </style></head><body><div class="wrap">    <div class="img"><img src="http://dummyimage.com/300x300/" alt=""/></div>    <div class="desc">        <p><strong>姓名:</strong>徐静江</p>        <p><strong>姓名:</strong>徐静江</p>        <p><strong>姓名:</strong>徐静江</p>        <p><strong>介绍:</strong>私人银行网上银行是私人银行客户专属的网上银行渠道,除提供更便捷的建行个人网银基本服务之外,还为私人银行客户提供定制财富管理报告、私人银行签约申请、财富顾问专家服</p>    </div></div></body></html>
Nach dem Login kopieren

行间距可以通过控制div的padding来实现。。。

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage