代码之家 › 专栏 › 技术社区 › Yarin

CSSing HTML表单布局(标签/输入的宽度相等)

forms css html

Yarin · 技术社区 · 14 年前

我正在尝试为我的HTML表单布局创建以下CSS规则:

每个标签和相应的输入元素分别占宽度的50%:

|标签|输入|

我想能够证明标签是右对齐还是左对齐。(输入总是左对齐。)

我注意到了-标签宽度似乎不能由CSS设置?

有什么好主意吗?谢谢

1 回复 | 直到 14 年前

robbrit 14 年前

您的标签需要浮动:

label {
    float: left;
    width: 100px; /* change this to whatever you want */
    /* these make it look nicer */
    text-align: right;
    padding-right: 10px;
}

你也需要在它下面放些东西来清除浮子,但这应该能起到作用。

推荐文章

Jan Wolfram · useFieldArray不能赋值给never类型

5 月前

Mustafa Gemsiz · 我希望它在应用程序继续运行的同时进行ffmpeg转换

5 月前

Ankit Bhardwaj · Angular Form Group未清除条件验证器错误

5 月前

Leonardo Cavalcante · Svelte 5:当对图像使用条件渲染时,表单在页面加载时短暂出现然后消失

5 月前

Gregory Rothstein · Laravel 11表单数据未传递到电子邮件模板

9 月前

Chris · jQuery多种形式。需要在“提交”时捕获$(this)表单

9 月前

girdeux · Django:在Form的init方法中使用小部件?

9 月前

Antarctica-UFO · 我想防止输入中出现数字和特殊字符,强制将字符放在第一个位置

9 月前

Charlie · 为什么我的复选框和单选按钮的间距很奇怪?

9 月前

Richard T · 我如何将文本区域的内容与动态生成的名称相关联,以便在发布时可以获取它,并且可以通过<button>预先启动?

10 月前