html - 如何使用 div 对齐表格之类的表格?

标签 html css css-tables

这是我的代码:

<div>
    <label>Name</label><input type="text" id='name'/><br />
    <label>Email</label><input type="text" id='email'/><br />
    <label>Place</label><input type="text" id='place'/><br />
</div>

我是 CSS 新手,我不希望表格对齐,但完美应该是一样的,并且不想将样式应用于单个元素。 感谢您的帮助。

最佳答案

我假设您希望将标签和输入彼此对齐,在这种情况下您将需要 float 。这是快速的 CSS 代码:

form {
 width: 500px;
 overflow:hidden;}

label {
 clear: both;
 float: left;
 width: 40%;}

input {
 float: left;
 width: 55%;}

我认为这应该有效:)

关于html - 如何使用 div 对齐表格之类的表格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4469851/

相关文章:

html - 如何正确居中对齐 Div?

javascript - 尝试使用 Javascript 将 HTML 元素插入另一个 HTML 元素

html - 为什么我的内联 block div 没有正确对齐?

html - 使用纯 css 在输入或 div 未聚焦时隐藏 div

html - 设置两个表格单元格 div 之间的边距

html - <html> 元素是否在任何浏览器中都有默认边距或填充,因为 normalize.css 不会重置它?

html - 我可以让一个 anchor 标签覆盖另一个 anchor 标签吗?

css - 从 gulp iconfontCss 到 Webpack

html - CSS 文本垂直居中对齐

jquery - 数据表打印问题 - 分页符前的奇怪行