最新下载
热门教程
- 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属性来定位！
相关文章
- pokicon免费游戏一键入口-pokicon免费游戏极速直达 09-28
- jmcomic3.0网页版入口-JMComic最新网页版入口 09-28
- 正则表达式那些让人头晕的元字符 09-28
- poipiku官方网站登录入口 09-28
- 海角haijiao社区2025全新网址一键直达-海角社区最新官方入口地址 09-28
- idea 正则表达式搜索替换应用详解 09-28