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

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

WBOY
WBOYOriginal
2016-06-21 08:53:401365Durchsuche


回复讨论(解决方案)

<!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>

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

Stellungnahme:
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