问题标签 [css-tables]

我想显示一个复选框，然后是一些环绕在自身下方的文本。没有任何 CSS 的 HTML 如下所示：

我希望它显示类似于：

它目前像这样环绕

这对表格很容易做到，但出于其他原因，我需要它在 CSS 中。我认为 display: inline-block / float: right / clear / spans 而不是 DIV 的组合会起作用，但到目前为止我还没有运气。

我基本上有一个有 2 行的表，它看起来像这样：

我的问题是第二行自动垂直居中，如下所示：

我现在如何添加段落，直到它变成另一个的大小：

如何使用 CSS 正确执行此操作？

我在左侧有一个 div，在右侧有一个文本。文本可以是 2 或 3 行长，我希望左侧 div 垂直居中于该文本。我在网上看过，似乎所有不使用表格的方法都很复杂。是否有捷径可寻？

大多数建议似乎都指向使用“CSS表”的http://www.jakpsatweb.cz/css/css-vertical-center-solution.html 。CSS表是要走的路吗？这真的比只使用 HTML 表格更好吗？

div中的以下表格元素"center"导致 div 中的内容"left"从顶部偏移几个像素（在我的浏览器中为 8）。在表格之前添加一些文本会删除此偏移量。

为什么？如何在我的桌子前不需要“虚拟”文本行的情况下阻止这种情况发生？

更新0

请注意，使用浮动时，我无法将居中的列扩展到其内容。我从中提取此示例的源用于display: table; margin-left: auto; margin-right: auto;将所有内容集中在正文中。

我正在尝试执行以下操作：http: //www.pastebin.org/113337

我想知道为什么滚动不会发生？它只是伸展桌子。尝试运行带有和不带有空格的代码： nowrap ，看看它有什么不同。每当我使用 nowrap 时，我的桌子都会被拉长。我该如何避免这种情况？

我查看了其他问题，但无法找到解决方案。考虑这张图片：样机 http://img201.imageshack.us/img201/935/image2h.png

我想包装 div 并将它们垂直堆叠。GREEN div 将是一行的包装器。蓝色 div 将包含一个 html 标签，并且可能包含工具提示的图标。ORANGE div 将包含某种条目（输入、选择、文本区域）。

其中几个将垂直堆叠以构成一个表格。我现在正在这样做，但是我必须为容器 div 指定一个高度，并且确实需要根据内容进行更改-考虑到任何条目都可能落在那里。图像和其他东西也可以在这里登陆。

我在 BLUE div 上设置了一个宽度，ORANGE 是 float:left。如何摆脱 div 的高度并让它由内容决定？有没有更好的办法？将所有内容更改为其他内容会很困难，并且更喜欢一种方式来设置所有元素或其他内容的样式。

我使用的代码是这样的：

CSS看起来像：

我正在尝试使用 CSS 生成动态表：

body 的内容是动态生成的，应该以表格的形式显示。不幸的是，如果每个单元格包含数据，它就会向下移动：

我很感激任何帮助。

编辑：

添加垂直对齐：中间；到 div.celldiv 解决了问题，但我不明白原因。特别是因为内容仍然与单元格的顶部对齐。

我正在尝试设计一个我们也没有源代码的网络应用程序。

所以我深入研究了 DOM，但现在所有行都设置了底部边框，我只需要第一行。

这可能吗？

是否可以在单元格之间添加间距？

表格（萤火虫高亮悬停在 td 上）：

标签列 CSS：

问题：

为什么我的左列有那个不可见的“右填充”？不可能缩小列以适应其内容？

- 编辑 -

问题是桌子本身。我用“宽度：100%”定义了表格。删除它，问题就消失了。