Css 当我不应该时使用表格'；T_Css_Css Tables

Css 当我不应该时使用表格'；T

css

Css 当我不应该时使用表格'；T,css,css-tables,Css,Css Tables,我试图创建一个CSS专用的徽章，上面有很多细节。内容是这样的 **General Details:** ID no(6digit number) Date of Joining Group Sub Group **Personal Details** Name Date of Birth Gender **Referrer Details** Name of Referrer URI and so on 我尝试使用然后对其进行样式设置，然后我尝试使用div和span进行相同的设置，但是我无

我试图创建一个CSS专用的徽章，上面有很多细节。内容是这样的

**General Details:** 
ID no(6digit number)
Date of Joining
Group
Sub Group

**Personal Details**
Name
Date of Birth
Gender
**Referrer Details**
Name of Referrer
URI
and so on

我尝试使用

然后对其进行样式设置，然后我尝试使用div和span进行相同的设置，但是我无法获得一致的外观。最后我不得不去买一张桌子。现在，至少数据看起来是一致的，但我很恼火，因为我使用表来处理非表格数据。有没有一种简单的方法可以用CSS设计结构化布局？
我认为这些数据是表格化的，可以放到表格中，只有自命不凡的开发人员才会抱怨，最终用户永远不会知道其中的区别。无论如何，制作CSS布局不应该超过47分钟。
我认为这些数据是表格化的，可以放在表格中，只有自命不凡的开发人员才会抱怨，最终用户永远不会知道其中的区别。无论如何，制作CSS布局不应该超过47分钟。
有没有一种简单的设计方法使用css的结构化布局
只有在你投入时间之后，真的。CSS看起来很简单，但是使用它的原语来组成复杂的布局需要一些练习，并且需要熟悉各种渲染引擎的怪癖。这比以前容易了，而且可以有所帮助，但即使是它们也需要一些投资。没有
如果您不必支持IE6和IE7，则可以使用（带值的
```
表格单元格
```
，
```
表格行
```
，以及
```
表格
```
）。这将为您提供很多类似于表的布局行为，而不需要标记
但值得注意的是，将表标记用于非表标记并不是什么好事。很多关于语义缺失的讨论都是言过其实的。至少从1999年起已经能够使用。一些屏幕阅读器也这样做。这是有道理的，真的——如果我们一直在等待表布局消失，然后才有用户代理可以使用它们，那么我们就可以开始了。如果你使用它，你不必感到内疚，你不会阻止语义网或踢盲人的脸。CSS定位是一种工具，它通常是一种很好的工具，但是如果它不符合您的目标以及您手头的技能/资源，请随意使用表标记
但是，如果您确实使用表标记，我建议您在其上放置
```
class=“layout”
```
。它提供了一个在样式表中放置一些表格样式的句柄，向其他开发人员发出您正在做的事情的信号，甚至可能使用户代理将来更容易区分语义/布局。另外，不要嵌套表格。如果您真的尝试，您几乎总是可以避免它，而且虽然可以使用表创建干净、易于阅读和编辑的标记，但是如果您嵌套，那么您最终会得到一些不好的、粗暴的东西的可能性会显著增加
有没有一种简单的设计方法使用css的结构化布局
只有在你投入时间之后，真的。CSS看起来很简单，但是使用它的原语来组成复杂的布局需要一些练习，并且需要熟悉各种渲染引擎的怪癖。这比以前容易了，而且可以有所帮助，但即使是它们也需要一些投资。没有
如果您不必支持IE6和IE7，则可以使用（带值的
```
表格单元格
```
，
```
表格行
```
，以及
```
表格
```
）。这将为您提供很多类似于表的布局行为，而不需要标记
但值得注意的是，将表标记用于非表标记并不是什么好事。很多关于语义缺失的讨论都是言过其实的。至少从1999年起已经能够使用。一些屏幕阅读器也这样做。这是有道理的，真的——如果我们一直在等待表布局消失，然后才有用户代理可以使用它们，那么我们就可以开始了。如果你使用它，你不必感到内疚，你不会阻止语义网或踢盲人的脸。CSS定位是一种工具，它通常是一种很好的工具，但是如果它不符合您的目标以及您手头的技能/资源，请随意使用表标记

但是，如果您确实使用表标记，我建议您在其上放置
```
class=“layout”
```
。它提供了一个在样式表中放置一些表格样式的句柄，向其他开发人员发出您正在做的事情的信号，甚至可能使用户代理将来更容易区分语义/布局。另外，不要嵌套表格。如果您真的尝试，您几乎总是可以避免它，而且虽然可以使用表创建干净、易于阅读和编辑的标记，但是如果您嵌套，那么您最终会得到一些不好的、粗暴的东西的可能性会显著增加
您完全可以将每个元素定位到所需位置：
```
li.general {
position:absolute;
top: 10px;
left: 20px;
}
...
```
您完全可以将每个元素定位到所需位置：
```
li.general {
position:absolute;
top: 10px;
left: 20px;
}
...
```
你有指向所需布局的链接吗？没有。设计只是我的想法。你希望你的内容是什么样的？你试过了吗？然后画出来，扫描/拍照，交给我们。现在你所说的是，“我想要X，所以它是一致的。我不会告诉你X是什么。”谢谢。事先想象结果是至关重要的。用一张桌子解决了这个问题。但是我们将重新访问并用css解决它。你有指向所需布局的链接吗？没有。设计只是我的想法。你希望你的内容是什么样的？你试过了吗？然后画出来，扫描/拍照，交给我们。现在你所说的是，“我想要X，所以它是一致的。我不会告诉你X是什么。”谢谢。事先想象结果是至关重要的。用一张桌子解决了这个问题。但我们将重新访问并使用css解决它。