[翻译]标记语言和样式手册 chapter 5 表单（3）
作者：zhaozy 来源：3user.com 发布时间：2008-01-23 17:20:00
标签：样式,标记,css,手册,表单
定义样式
最简单的样式修改,大概是去掉表单内<dd>元素的预设缩进:
form dd{
margin:0;
}
前面这一小段css会使方法D范例显示成图5-7:
图5-7. 去掉<dd>缩进效果的定义清单式表单排版
方法A的表格效果,也能借着浮动表单内的<dt>元素达成:
form dd {
margin: 0;
}
form dt {
float: left;
padding-right: 10px;
}
在把<dt>元素浮动到左边之后,包含在<dd>之内的表单元素就会排列到右侧,像是图5-8这样.你应该已经发现表单元素不会完美的对齐,但这至少说明了使用<dl>标签排版表单时,并不代表必须将每个元素都单独显示在一行里.
图5-8.浮动<dt>元件之后的表单排版
事实上,由于多了<dl><dt>和<dd>元素,再加上表单内原本就具备的<label>与<input>元素,因此在设计CSS时,你拥有更多可以指定样式的对象,而发挥的空间也变大了.
0
投稿猜你喜欢
单向链表单向链表也叫单链表，是链表中最简单的一种形式，它的每个节点包含两个域，一个信息域（元素域）和一个链接域。这个链接指向链表中的下一个节- MERGE存储引擎把一组MyISAM数据表当做一个逻辑单元来对待，让我们可以同时对他们进行查询。构成一个MERGE数据表结构的各成员MyIS
- python爬虫主要用两个库：Urllib和BeautifulSoup4。一个用来爬取网页，一个用来解析网页。Urllib是Python内置
- 本文提供了三种不同的方式在Python（IPython Notebook）中调用ggplot。在大数据时代，数据可视化是一个非常热门的话题。
- 译者按：我们时常能看到不同JavaScript库/框架之间的各种比较，但这次 YUI3 架构师和 jQuery 之父的直接对话却非常难得，也
- 这里有numpy数组的相关介绍https://www.jb51.net/article/130657.htm排序numpy与python列表
- <script language="vbscript" runat="s
- str字符串s = '中文' # s: <type 'str'>s是个str对象，中
- 今天有点新的与大家分享，关于selenium与xpath之间爬数据获取指定位置的时候，方式不一样哦。详情可以看我的代码，以b站来看好吧：查看
- 本文实例讲述了Python图像处理之gif动态图的解析与合成操作。分享给大家供大家参考，具体如下：gif动态图是在现在已经司空见惯，朋友圈里
- 本文实例讲述了Python基于回溯法子集树模板解决全排列问题。分享给大家供大家参考，具体如下：问题实现 'a', '
- 本文实例讲述了Python实现的基数排序算法。分享给大家供大家参考，具体如下：基数排序（radix sort）属于“分配式排序”（distr
- 本文主要介绍了Python3中PyQt5简单实现文件打开及保存，分享给大家，具体如下：# -*- coding: utf-8 -*-# Fo
- 如下所示：import matplotlib.pyplot as pltimport numpy as npx = [11422,11360
- 1.字符串函数 长度与分析用 datalength(Char_expr) 返回字符串包含字符数,但不包含后面的空格 substring(ex
- 今天我将教大家如何用哈希函数将密码加密加密后的密码是很难倒推的~普通加密：首先调用函数hashlibimport hashlib然后使用哈希
- 解决安装Office2003 SP2后不能打开Access的问题手动更改注册表要解决此问题, 手动更改计算机上注册表位置启动 Access
- 当在函数中定义默认值时，值初始化只会进行一次，就是执行到def methodname时执行。看下面代码:from datetime impo
- 你的设计为什么平平无奇，为什么吸引不到别人的眼球，这里先来说说什么是焦点（也可以称兴趣中心或者视觉中心），我认为用焦点更能简单准确的阐述。有
- 一、软件下载与安装VScode下载地址：https://code.visualstudio.com/VScode的github项目地址（本文
