Question

css怎样让文本间距与文本框间距保持一致?

我有一个添加信息的页面，里面有文本、文本框、选择框、文本域、单选框。
我用了相中方法来排版
1.用一个div，设置line-height：2；但是会出现选择框、文本域、文本框无法对齐，总有一点差距；
2.用两个div，一个里只放文本，另一个放各种框，此时各种框倒是对齐了，但是左面div中的文本与右面的div中的框就无法对齐了；line-height,br,p都用过了，就是对不齐；

该怎么修改啊？
用div+css，不用table

Answer 1

文本间距应该说的是行高，在css中是line-height 样式，不同的行高可以有不同的效果。

只需要设置行高和文本框间距一致就好，常用的地方有以下几种情况：

1. 导航上的问题垂直居中导航条，使用line-height设置为导航条高度即可居中。
   

2. 文本框里的文字，line-height设置为文本框高度即可。

必要的时候还是需要设置padding或者margin的值，一般使用百分比。

Answer 2

在CSS中控制距离的属性很多，这里可用margin，代码是：
input{margin:10px 10px 10px 10px;}//顺序为：上 右 下 左

这样就可以控制丙从此文本框的距离了。

CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

Answer 3

最简单的 就是 放个table。页面局部放个表格 会让我们的页面简单很多。
实在不想用表格。
那你 用你 第二种办法。 用margin 或 padding把你的文本对齐。然后再用hack 调浏览器兼容性。
希望能帮到你。

Answer 4

可以把代码贴出来吗

Answer 5

把代码发下！

追问

我刚刚改成table格式~~~~(>_<)~~~~

追答

╮(╯▽╰)╭