CSS自动调整行间距~100分~

JJTwo 2012-06-12 08:16:48







#register_form #register_box #register_content #register_bottom{ margin:0px auto; padding:50px 100px 150px 100px; float:left}

#register_form #register_box #register_content #register_bottom .spanLabel{ width:150px; height:38px; float:left; text-align:right; margin-right:10px; line-height:30px;}

#register_form #register_box #register_content #register_bottom .spanInput{ width:560px; height:38px; float:left; text-align:left; line-height:100%;}

#register_form #register_box #register_content #register_bottom .spanLabel2{ width:150px; height:190px; float:left; text-align:right; margin-right:10px; line-height:30px;}

#register_form #register_box #register_content #register_bottom .spanInput2{ width:560px; height:190px; float:left; text-align:left; line-height:100%;}







<span class="spanLabel font_black_14">撒啊啊：</span>

        			<span class="spanInput"><input name="merchantName" type="text" class="input_3" value="{{form.merchantName.value}}" />{{form.merchantName.errors}}</span>

        			<span class="spanLabel font_black_14">a联系人</span>

        			<span class="spanInput">

        			<input name="merchantCorporate" type="text" class="input_5" value="{{form.merchantCorporate.value}}"/>

        			{{form.merchantCorporate.errors}}

        			</span>

                  	<span class="spanLabel font_black_14">电话：</span>

                  	<span class="spanInput">

                  	<input name="phone" type="text" class="input_5 add_blank_right" value="{{form.phone.value}}"/>{{form.phone.errors}}

                  	</span>

美工不管了，得自己折腾。唉！！！！！调死人。
我想默认行间距是xx像素，但是出错误信息的时候行间距会自动增加应该怎么弄呢？

还有现在的背景的宽度高度都是写死的，要怎么写才能让高度自动扩展？table行数变长的时候背景自动往下扩充。
#register_form{ margin:0px auto; width:960px; height:800px;}

...全文

852 17 打赏收藏转发到动态举报

写回复

用AI写文章

17 条回复

切换为时间正序

请发表友善的回复…

发表回复

JJYY0088 2012-06-16

打赏
举报

[Quote=引用 15 楼的回复:]
高度不定又要有一定高度，那就设最小高度吧 min-height:800px;
[/Quote]

将你的 height:38px; 改为 min-height:38px;

height:190px; 改为 min-height:190px; 试试

roro5119 2012-06-16

打赏
举报

高度不定又要有一定高度，那就设最小高度吧 min-height:800px;

JJYY0088 2012-06-16

打赏
举报

看看这个示例：



<!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 type="text/css">

ul,li{margin:0; padding:0; list-style:none}

li{margin:10px 0;}

li span{width:100px; display:inline-block; text-align:right}

li span.errorinfo{display:block; background:red; color:white; margin-left:100px; text-align:left}

</style>

</head>

<body>

<ul>

	<li><span>名称：</span><input type="text" size="50" /><span class="errorinfo">请填写xxx</span></li>

	<li><span>用户名：</span><input type="text" size="50" /><span class="errorinfo">请填写xxx</span></li>

	<li><span>电话：</span><input type="text" size="20" /><span class="errorinfo">请填写xxx</span></li>

</ul>

</body>

</html>

错误提示span.errorinfo 动态显示就行。。。

gangbifengzhen 2012-06-15

打赏
举报

height:38px;
line-height:38px;

这么写才是100%

gzw13999 2012-06-14

打赏
举报

建议你把行间距开大点。

或者错误提示跟到后面去。现在很少有在下面的了。

JJTwo 2012-06-13

打赏
举报

[Quote=引用 11 楼的回复:]

在每个输入项的下边增加一行，用CSS设置为display none，不符合要求时，用JS控制它为display block。
总之，你的错误信息要单独一个标签，这样好控制
[/Quote]

增加一行的话必须要留出间隔啊，现在的问题是直接在那加一行li，那里的行高也不会变！

sinbasara 2012-06-13

打赏
举报

在每个输入项的下边增加一行，用CSS设置为display none，不符合要求时，用JS控制它为display block。
总之，你的错误信息要单独一个标签，这样好控制

ymm408772504 2012-06-12

打赏
举报

line-height:24px;

ymm408772504 2012-06-12

打赏
举报

line-height:24px;

JJTwo 2012-06-12

打赏
举报

这CSS一动整个页面就乱了。
我服了！！！

JJTwo 2012-06-12

打赏
举报

现在的行间距就那么定死了，不会自动变高。

JJTwo 2012-06-12

打赏
举报

[Quote=引用 2 楼的回复:]

不明白楼主的意思。
[/Quote]

就这样。行间距自动扩充。

001007009 2012-06-12

打赏
举报

加一行li？

内联元素span 加上块级元素li不符合规范。
直接加个span可以不？
<span class="spanInput">
<input name="merchantCorporate" type="text" class="input_5" value="{{form.merchantCorporate.value}}"/>
<span>error</span>
</span>

JJTwo 2012-06-12