Tag: css tables

引导表溢出与长未占用的文本

我使用的是Bootstrap，我有一个有几列的表格，最后一个列表有时会有一长串文字没有空格。 我注意到，在某些屏幕尺寸下，表格会溢出其父div，并创build丑陋的兄弟表重叠。 我玩了这个，我认为这个问题与文本没有空格有关。 我创build了一个jsfiddle来演示我的意思。 正如你所看到的，最左上angular的表格performance良好，只是垂直增长以容纳更多的文字。 然而，左下方的桌子由于长的没有间隔的文字而导致右边的溢出，而左下方的桌子右边的栏杆在其兄弟姐妹“下”。 有没有人有任何提示，我可以如何解决这个问题，以便很长的文本被剪切或部分拆分到一个新的行？

在浏览器窗口（或电子邮件客户端预览窗格）中居中放置HTML电子邮件内容的最佳方法是什么？

我通常对margin:0 auto使用CSS规则margin:0 auto和960容器，用于基于标准浏览器的内容，但是我不熟悉HTML电子邮件创build，并且我现在想要在浏览器中设置以下devise窗口没有标准的CSS。 http://static.helpcurenow.org/mockups/emails/2010/may-survey/survey.html 我似乎记得在某处看到，它也可以通过将你的电子邮件表devise包装在一个设置为width:100%的外部表格中，并使用一些内联样式来实现text-align:center以tbody为text-align:center还是这样做呢？ 有这个最好的做法吗？

CSS浮动 – 我怎么让他们在一条线？

我想要在左边的项目中使用'float：left'在同一行上有两个项目。 单独实现这一点我没有任何问题。 问题是， 即使调整浏览器的大小 ，我也希望这两项保持在同一行。 你知道…就像桌子一样。 我们的目标是保持右侧的物品不受任何包装的影响。 所以如何使用CSS告诉浏览器，我宁愿伸展包含的div，而不是包装它，以便float: right; div低于float: left; DIV？ 例如：我想要什么： \ +—————+ +————————/ | float: left; | | float: right; \ | | | / | | |content stretching \ Screen Edge | | |the div off the screen / <— +—————+ +————————\ /

在HTML5中，就表格而言，什么取代了cellpadding，cellspacing，valign和align？

在Visual Studio中 ，我看到这些警告： validation（HTML 5）：属性“cellpadding”不是元素“table”的有效属性。 validation（HTML 5）：属性“cellspacing”不是元素“table”的有效属性。 validation（HTML 5）：属性“valign”不是元素“td”的有效属性。 validation（HTML 5）：属性“align”不是元素“td”的有效属性。 如果它们在HTML5中不是有效的属性，那么用CSS代替它们呢？

如何在滚动时locking表格的第一行和第一列，可能使用JavaScript和CSS？

如何创build一个表的第一行和第一列都locking，如在Excel中，当你激活“冻结窗格”？ 我需要表格既水平和垂直滚动（有很多解决scheme，但只允许垂直滚动）。 所以，当你在表格中向下滚动时，第一行将保持放置，因为它将具有列标题。 这可能最终会成为一个thead ，或者可能不会，无论如何，解决scheme更容易。 向右滚动时，第一列保持放置状态，因为它包含行的标签。 我相当肯定这是不可能的CSS，但任何人都可以指向我的JavaScript解决scheme？ 它需要在所有主stream浏览器中运行。

如何应用CSS分页打印有很多行的表？

我在我的网页有一个dynamic的表，有时包含大量的行。 我知道CSS属性中有page-break-before和page-break-after 。 我在哪里把它们放在我的代码中，以便在需要时强制分页？

与CSS等高的列

我想为我的CSS表使用百分比。 不幸的是，它不适合我。 这个代码有什么问题？ 我应该使用flexbox而不是表？ 我想用表，因为我想要相同的高度栏。 ul { list-style: none; margin: 0; display: table; table-layout: fixed; width: 100%; } li { width: 50%; display: table-cell; } <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul>