DL.DT.DD实现左右的布局简单例子

更新时间：2007年12月11日 19:04:23 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> *{ margin:0; padding:0;} #box{ margin:10px; padding:10px; float:left; border:1px solid #CCC; background:#FFFFCC; font-size:12px; line-height:1.9;} dl{ background:#CCCC00; margin:0; width:120px; text-align:center; float:left; margin:5px;} dt{ background:#CC0033;}dt img{display:block; margin:0 auto;} dd{ background:#FFFF00; } </style> </head> <body> <div id="box">   <dl>     <dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt>     <dd>母亲节-祝福短信</dd>   </dl>   <dl>     <dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt>     <dd>母亲节-祝福短信</dd>   </dl>   <dl>     <dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt>     <dd>母亲节-祝福短信</dd>   </dl>   <dl>     <dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt>     <dd>母亲节-祝福短信</dd>   </dl>   <dl>     <dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt>     <dd>母亲节-祝福短信</dd>   </dl>   </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

我不是十分确定这样的布局是不是合理，但从代码量和结构看还不错。希望有更合理的方面一起交流！

(X)HTML Strict 下的嵌套规则
下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则，比如你不能在 <a> 里面再嵌入一个 <a> 这样的约定。
2008-06-06
以图换字的几个方法及思路
以图换字的几个方法及思路...
2006-11-11
CSS渐变统计柱形图
以前写柱形图时,用的是宽1px的图片底,给width赋一个百分比出可以实现.昨天晚上写一个小统计时想用CSS写一个渐变的!
2008-11-11
用DIV+CSS写小三角
用DIV+CSS写小三角...
2007-01-01
css 兼容性问题this.style.cursor=''''hand''''
css 兼容性问题this.style.cursor='hand'让我们来CSS HACK
2008-11-11
无js5款纯div+css制作的弹出菜单标准
无js5款纯div+css制作的弹出菜单标准...
2007-09-09
网页中img图片使用css实现等比例自动缩放不变形（代码已测试）
这篇文章主要介绍了网页中img图片使用css实现等比例自动缩放不变形（已测试）的相关资料,需要的朋友可以参考下
2023-03-03
欲练CSS ，必先解决IE的一些细节分析
之所以说IE不好，是因为IE会误导了你对CSS模型的理解，让你以为IE的理解是对的，之后无论如何你都无法用你的IE模型理论去为你那个无法在FF正常显示的CSS提供fix。
2008-09-09
Firefox CSS私有属性备忘记录
Firefox CSS私有属性备忘记录...
2006-11-11
css position: absolute、relative详解
今天在看CSS的时候遇到了position: absolute、relative的问题，一直比较迷糊，今天终于搞清楚了。
2008-11-11

DL.DT.DD实现左右的布局简单例子

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具