html – 详细信息视图和CSS合规性

概述我仍然很难不想使用Tables在 HTML中执行我的详细信息视图布局.我想通过人们运行一些样本并得到一些意见. 您希望在html中看到详细信息视图？跨越浏览器哪个跨栏最少？哪个最合规？如果我有一个右对齐的静态宽度标签列,哪一个看起来更好？ 按详细信息视图,我的意思类似于下图. 表 <table><tr><td><label /></td><td><input type="textbox" / 我仍然很难不想使用tables在 HTML中执行我的详细信息视图布局.我想通过人们运行一些样本并得到一些意见.

您希望在HTML中看到详细信息视图？跨越浏览器哪个跨栏最少？哪个最合规？如果我有一个右对齐的静态宽度标签列,哪一个看起来更好？

按详细信息视图,我的意思类似于下图.

表

<table><tr><td><label /></td><td><input type="textBox" /></td></tr><tr><td><label /></td><td><input type="textBox" /></td></tr></table>

字段集

<fIEldset><label /><input type="textBox" /><br /><label /><input type="textBox" /><br /></fIEldset>

申报单

<div ><div ><label /></div><div ><input type="textBox" /></div></div><div ><div ><label /></div><div ><input type="textBox" /></div></div>

名单

<ul><li><label /><input type="textBox" /></li><li><label /><input type="textBox" /></li></ul>

解决方法 这些方法并不是相互排斥的,我个人将它们混合起来：

<fIEldset>  <label for="name">XXX <input type="text" ID="name"/></label>  <label for="email">XXX <input type="text" ID="email"/></label></fIEldset>

虽然要获得一个正确对齐的标签(我个人会避免,因为它在视觉上难以扫描),你需要在文本周围有一个额外的元素,而不是输入,所以我会去

<fIEldset>  <div ><label for="name">XXX</label><input type="text" ID="name"/></div>  <div ><label for="email">XXX</label><input type="text" ID="email"/></div></fIEldset>

总结

以上是内存溢出为你收集整理的html – 详细信息视图和CSS合规性全部内容，希望文章能够帮你解决html – 详细信息视图和CSS合规性所遇到的程序开发问题。

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