HTML – 如何使用div对齐表格如表?

HTML – 如何使用div对齐表格如表?,第1张

概述这是我的代码: <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>    <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的新手,我不希望表格对齐,但完美应该是相同的,并且不希望将样式应用于单个元素.
任何帮助表示赞赏.

解决方法 我假设您想要将标签和输入彼此对齐,在这种情况下,您将需要浮点数.这是快速的CSS代码:

form { wIDth: 500px; overflow:hidden;}label { clear: both; float: left; wIDth: 40%;}input { float: left; wIDth: 55%;}

我认为应该工作:)

总结

以上是内存溢出为你收集整理的HTML – 如何使用div对齐表格如表?全部内容,希望文章能够帮你解决HTML – 如何使用div对齐表格如表?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1087481.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存