css - 关于对齐两个输入字段

标签 css

我有一个非常简单的页面布局,它只包含一个下拉选择字段和一个文本输入字段。

你可以运行我的代码here on jsfiddle .

我设法通过应用使选项字段和文本输入字段看起来彼此左对齐:

margin-left: 60px; 到选项字段。

我想知道是否有一种更灵活的方法来处理相同的结果

我的意思是我目前的方式是有限的,因为60px margin是根据我的视力定义的,有没有什么办法可以更准确地让两个字段在同一左对齐而不是定义一个固定的 60 像素边距?

最佳答案

老实说,您应该包含这些表单字段以相应地对齐,有很多选项:

<p></p> (text/span)

<table></table> (table)

我个人喜欢

<ul></ul> (list)

如果你真的想要它,给 div 容器 position:relative 和表单字段一个绝对位置以确保准确性

关于css - 关于对齐两个输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7912951/

相关文章:

javascript - 如何正确更改 *ngFor Items 中的样式?

php - 使用模块化技术时如何修复 bootstrap 在 layout/index.php 中的 php 文件中不起作用?

GWT 的 CSS 菜单

Html,Css 似乎无法让它工作

jquery - 无法对齐输入/标签字段旁边的工具提示

html - 溢出 Bootstrap 进度条的文本

javascript - 如何使用 JQuery 从样式表中删除 CSS 属性?

javascript - 将文件夹中的所有文件重定向到另一个页面,但仍允许访问 html 文件

javascript - 如何计算 HTML 元素内容的可见高度和宽度?

html - 如何对齐到中心 float 的 div?