最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
标准制作网页：用CSS的dl、dd、dt做表单
时间：2022-07-02 12:55:31 编辑：袖梨 来源：一聚教程网
昨天做了个表单，依旧用table来布局，因为个人感觉table布局表单是不错的（追求div重构，不等于完全抛弃table）。
今天早上起来，想想还是换种方式来做表单的布局。于是便选种了dl、dd、dt，如下：
XHTML部分：
| 代码如下 | 复制代码 |
|
|
CSS部分：
| 代码如下 | 复制代码 |
| dl{padding-left:14px;} dt{float:left;font-weight:bold;padding:12px 0 4px;} dd{ text-align:left;height:auto;padding:8px 0;} input,select{ vertical-align:middle;color:#333333; background: #ffffff; font:12px Arial, Helvetica, sans-serif;} textarea{color:#333333; background: #ffffff; font:12px Arial, Helvetica, sans-serif;line-height:150%;overflow: auto} |
|
说明：对于dl、dt、dd的设置建议不要用高度（height）和行高（line-height），在FF会产生错位，由于IE和FF是否自适应造成，建议使用dt、dd的padding属性来定位！
相关文章
- 国家中小学智慧教育平台-官网入口-国家中小学智慧教育平台 04-01
- 月麒麟纪全29集资源在线看-月麒麟纪最新一集免费观看入口地址 04-01
- 洛克王国世界国家队组合怎么搭配 04-01
- 月麒麟纪1080p迅雷网盘链接分享-月麒麟纪高清完整版迅雷云盘下载1080P（4k）资源 04-01
- 歪歪漫画免费下载网站最新版-歪歪漫画网站客户端下载入口 04-01
- 洛克王国世界草系阵容怎么搭配 04-01