三、CSS内容排版

进击的小小学生

于 2009-02-15 19:29:06 发布

阅读量139

点赞数

文章标签： CSS

本文链接：https://blog.csdn.net/vipsh2011/article/details/83354422

版权

CSS网站布局专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文字排版
1.通栏排版:将段落文字放置于p或其他对象中，在对段落文字间距、行距、字号等样式控制。
2.分栏排版:

图文混合排版
不规则文字环绕:使用多个div来完成不规则图形。

全图排版
<style type="text/css">
#layout div{border:1px solid

#aaa;margin:3px;float:left;padding:2px;width:126px;text-align:center;height:126px;overflow:hidden;}
h2,h3{font-size:11px;font-family:arial;margin:0px;padding:0px;}
h3{font-weight:normal;color:#777;}
</style>

<body>
   <div id="layout">
        <div>
          <img src="images/medium(1).jpg" width="100" height="69" />
          <h2>Title:ldld</h2>
          <h3>Date:2009-2-15</h3>
       </div>
       <div>
          <img src="images/medium(1).jpg" width="100" height="69" />
          <h2>Title:ldld</h2>
          <h3>Date:2009-2-15</h3>
       </div>
       <div>
          <img src="images/medium(1).jpg" width="100" height="69" />
          <h2>Title:ldld</h2>
          <h3>Date:2009-2-15</h3>
       </div>
</div>
</body>