html - 如何在html表格上制作对 Angular 线标题

标签 html css html-table

我正在尝试创建一个带有列标题的 HTML 表格,但每个列标题都有一个很长的标题。我想使每列的标题成对 Angular 线。我想知道是否有 css(或 java、jquery 等)来实现这种适用于所有浏览器(firefox、IE7 和 8 等)的效果以及如何实现它。

这是我想要创建的可视化示例。 table with diagonal title heads

我在 stackexchange 上找到了这个,但我不知道如何充分利用它,或者确定它是否适用于我想做的事情。

https://tex.stackexchange.com/questions/14288/how-combine-make-diagonal-column-heads-in-table-with-multicolumn-headers

最佳答案

将要对 Angular 线化的文本包裹在另一个元素中,例如一个<div>然后做一个 CSS transform在那个元素上;见MDN .

关于html - 如何在html表格上制作对 Angular 线标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12572137/

相关文章:

javascript - jQuery 检查行,创建检查行第一列数组并使用 ajax 发布

javascript - 在悬停时使用 javascript 或 css 淡入背景图像

javascript - ReactJS 组件在 className 更改时意外重新加载

css - 将导航菜单固定在页面顶部(Weebly)

javascript - 如何在不添加到第一个表的情况下将表行专门添加到第二个表

xslt - XSLT 重复生成的表

html - 将应用程序发送到黑莓并要求其他人注册的下载按钮?

javascript - Iframe PDF 更改页面点击 url

javascript - 如何调试几乎立即显示和隐藏的 div

带有图标的内联链接的 CSS 方法?