如何解决用于表式“标签-值”对齐的HTML和CSS
|| 好吧，这很尴尬。我几乎想使用TABLE，但是我认为这是错误的。 基本上，我有一个页面带有fieldset
<label for=\"txtName\">Address</label>
<textarea name=\"Name\" id=\"txtName\">
1 The test
AddressTown
UK
</textarea>
<label>Address</label>
<span>
1 The test<br />
AddressTown<br />
UK
</span>
label
input
span
---------------------------
Name 1 the test
AddressTown
UK
---------------------------
<table>
<tr>
<th style=\"width: 150px; vertical-align: top;\">
<label>Address</label>
</th>
<td>
<span>
1 The test<br />
AddressTown<br />
UK
</span>
</td>
</table>
label
float
span
label
解决方法
根据我上面的评论，使用表格进行表格布局没有任何问题！但是，如果您确实不想使用表格，则可以将跨度设置为display：block并为其留一个空白。
<!DOCTYPE html>
<html>
<label>Address</label>
<span>
1 The test<br />
AddressTown<br />
UK
</span>
<style>
label { float: left; width: 200px; }
span { margin-left: 200px; display: block; }
</style>
</html>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。