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

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

WBOY
Release: 2016-06-21 08:53:40
Original
1364 people have browsed it


回复讨论(解决方案)

<!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>
Copy after login

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

source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template