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

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

WBOY
WBOYOriginal
2016-06-21 08:53:401382browse


回复讨论(解决方案)

<!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来实现。。。

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn