我正在尝试为新闻列表制作单行元数据,并且我希望中间的列溢出:如果它们太长,则在末尾用省略号隐藏,否则将所有列保留为左-对齐,最后一列除外。

也许以下示例可以更好地说明这一点:

Time  |  Categories  |  Tags  |                                                        Read More (right-aligned)

2015-05-06 21:02  |  Category  |  Tag  |                                               Read More <-- normal
2015-05-06 21:02  |  Category, Category, Category, Category, Category...  |  Pie  |    Read More <-- many categories
2015-05-06 21:02  |  Category  |  Tag, Tag, Tag, Tag, Tag, Tag, Tag, Tag, Tag...  |    Read More <-- many tags
2015-05-06 21:02  |  Category, Category, Category...  |  Tag, Tag, Tag, Tag...  |      Read More <-- many categories and tags

这可能吗? 我该怎么做呢?

  ask by hleV translate from so

本文未有回复,本站智能推荐:

1回复

表格宽度取决于表格单元格而不取决于父级

当我在div内有一个表并且表的宽度大于div时,即使单元格的宽度已明确设置,该表也会自动调整其所有单元格的大小以匹配。 我有这个小提琴来演示。 请注意,表格单元格在CSS中定义了900px的宽度,但表格仍会缩小它们以适应其父级的宽度。 但是我想要的效果是让表的宽度仅取决于表单元格的
1回复

HTML表格单元格中的溢出

我有一个问题要解决,有关表格单元格显示及其内容的问题,尽管表格单元格固定宽度和已定义溢出,但它会使父级宽度增加。 JSFiddle: http : //jsfiddle.net/8cevryh9/ 在这里,第二个单元格的宽度为200px,我希望它保持80px,内容溢出隐藏起来。
1回复

表格单元格中的文字溢出

是否有可能使文本在表​​单元格中溢出? 像这样: 我尝试了overflow:visible和white-space:nowrap但不起作用。
1回复

在表格单元格内对齐溢出文本和图标

我创建了一个可排序的HTML列表,如下所示: .dashed-wrapper { padding-bottom: 48px; } table.table-generic { border-spacing:0; border-collapse: collapse; font-siz
1回复

使用Firefox在表格单元格中的CSS溢出属性

1.)在Chrome中有效。 但是,在Firefox中,我们在网站上呈现的django表格表未观察到溢出样式。 根据我的阅读,表单元格元素可能是“每个浏览器”的决定,因为它们不是纯粹的块元素(如果我正确理解标准的话),但这是我的问题的图片。 我已经尝试过对max-width标
1回复

表格单元格中的溢出文本

我有一个长字符串的文件路径没有空格。 例如: 这显示在table ,如: 但是,文本不会溢出到下一行,它只是在表格单元格宽度的末尾被截断/截断。 我无法增加表格或表格单元格的宽度。 有没有办法强制溢出表格单元格中的文本,以便它不会被切断? 它看起来像这样: 它需
3回复

强制图像在表格单元格中溢出

如何在不扩展单元格的情况下强制图像在表格单元格中溢出? 编辑: 对不起,我会提供更多信息。 这是表: CSS: 我以为会有一个简单的解决方案......
2回复

文字溢出:省略号; 在表格单元格中

我有一个带有表格的页面,该表格会定期更新。 该表有一个标题,后跟许多行。 每行都有3个字段:玩家位置,玩家名称(也是指向玩家资料的链接)以及玩家的时间。 该表占据了整个页面的宽度。 html看起来像这样: 现在,我想使表可扩展。 如果用户更改窗口的宽度,则应调整表格的大小,
1回复

CSS,Text溢出表格单元格

我正在研究虚拟机,所以我无法复制代码......然后我将发布屏幕。 问题是微不足道的我想但我不能处理它...请给我一些建议: 表代码: https : //dl.dropboxusercontent.com/u/108321090/WWW1.png CSS代码和网站视线: http
2回复

如何使表格单元格使用溢出隐藏?

(我不能使用table-layout:fixed因此问题为什么溢出:隐藏不起作用?不回答这个问题) 我有一个简单的表: <table> <tr> <td width="100%">main content</td> <t