草庐IT

html - 设置表格 td 高度和溢出滚动

我有一个表格,当其内容超过行的指定高度时,我想在td上显示一个垂直滚动条。我有this示例代码,但无论内容如何,​​它都不会在y轴上显示事件滚动条。 最佳答案 浏览器不会将溢出滚动条应用到TD标签。您需要将表格单元格的内容包含在div标记中,然后滚动:DoyouseewhatImeancxzdaaaaaaaaaaaaa?和:td>div{overflow-y:scroll;overflow-x:hidden;} 关于html-设置表格td高度和溢出滚动,我们在StackOverflow上

html - 如何在表格 td 中将图像居中?

我想在表格列(td)中将图像和h2内的标题居中(中心+中间)CSS.centered{text-align:center;}HTML"50x50")%>我正在使用TwitterBootstrap 最佳答案 你可以试试:.centered{vertical-align:middle;text-align:center;}.centeredimg{display:block;margin:0auto;} 关于html-如何在表格td中将图像居中?,我们在StackOverflow上找到一个类

javascript - Overlay 100%覆盖IE中的TD

我想做一个流畅的响应式等高列,点击时带有“叠加层”。为了让响应式等高工作正常,我将“叠加层”设置为实际的基本内容(因此它调整了列的大小),然后尝试将初始状态放入叠加层中。这在FF和Chrome上运行良好,但在IE10或11上运行良好(之前未测试过)。在IE上,执行position:absolute;右:0;左:0;顶部:0;bottom:0在TD中似乎不会覆盖整个TD,而只是覆盖其中内容的大小。http://codepen.io/anon/pen/dooJjb有什么想法吗?奖励积分:我的设计师最初想要的是标题向上滑动,段落从底部向上滑动-真的不认为如果没有大量JS这是可能的吗?

html - 将 CSS 应用于 TD 中的数据,但不应用于 TD。需要在每个 TD 中提高文本基线。 Maby 文本属性选择器

我需要提升文本,但如果我将类应用于IE、Opera和Chrome中的TD或TR,则所有单元格都会提升(背景和边框以及单元格中的文本)。请看例子:UntitledDocument.myClasstd{position:relative;top:-8px;color:blue;}.myClass{position:relative;top:-8px;color:blue;}td{border:redsolid2px;}  thisTDhaveclass=".myClass" thisTRhaveclass=".myClass&qu

jquery - 在 td 中为 div 设置动画会导致 Chrome 中出现不稳定的行为

我正在构建一个相当复杂的UI小部件,它在Chrome中存在一些问题。我能够隔离问题并在http://jsfiddle.net/8Kb3B/上展示它我在td中有一个div,我正在尝试使用jQuery的.animate()切换div。Chrome中发生的情况是,当div恢复到其原始宽度时,td不会重新增长。此外,如果您密切注意“隐藏”动画的结尾,您会看到td的宽度在div,我觉得很奇怪。使用.toggle(delay)时也会发生同样的事情。如果我立即使用.toggle(),整个过程将按预期进行。动画在Mozilla的产品甚至IE中都能正常工作。我是否遗漏了一些非常简单的东西?

javascript - 禁用 <td> 上的 onclick 事件仅在单击文本时有效,但在单击 td 中的其他区域时无效(ie10、ie11 问题)

我有this下面的html代码。ColOneTwo上面的代码在Chrome和MicrosoftEdge中有效,这意味着它会在所有3个tds中点击td标签内的任何地方时显示警报。但在IE10和IE11中,它仅在td包含一些数据时才起作用,如上面的代码中,第3行不发出警报,对于其他tds,它仅在我们单击文本时起作用,而不是在单击td内除文本以外的任何其他区域时起作用。这段代码属于我的大型应用程序的一部分。我只是想知道这是IE中的一个已知错误,如果是,那么任何人都可以向我提供该错误的链接。或者我是否遗漏了导致问题的代码中的某些内容。因为它是大型应用程序的一部分,所以我想添加更少的代码,这样它

html - td 类,很困惑,数字越大宽度越小?

这本身并不是真正的问题,但我想知道发生了什么,以便我能理解它。我目前正在编写一个新网站,该网站要求我在设计的页脚中使用一个表格。(我不经常使用它们,但这张table让这个元素的生活变得更轻松。)我正在为表格td使用CSS类,其中唯一的元素是width:%;但出于某种原因我无法理解,将%从10%增加到20%实际上会使td的宽度变小。完全倒退。我真的被这个问题难住了,谁能解释一下?HTML:SHOPPINGCUSTOMERSERVICEPAYMENTOPTIONSSOCIALORDER​CSS:.footertable{margin:auto;max-width:1080px;}td.fo

html - 为什么将宽度样式放在 html 表格中的第一个 <td> 或第二个中是不同的/为什么这些表格呈现不同?

您能解释一下为什么这两个HTML代码在呈现时会产生不同的外观吗?fiddle1和fiddle2代码中唯一的区别是,在fiddle1中,style="width:50px;"是在表格的第一行,而在fiddle2中它在第二行。但这会导致每个宽度不同。根据Chrome开发工具fiddle1,两个单元格/列的宽度均为51px(无论如何应该是50px),而在fiddle2中,第一个单元格/列有49px宽度和第二个50px宽度。Fiddle1中的标记TestTesting1123455AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFiddle2中的标记TestTest

html - 从 IE 打印时,如何防止 <td> 元素出现在多个页面中?

我有一个HTML数据表,其中每个单元格可以有多行文本。打印表格时,一行可能会被打断,以便某些数据出现在第一页的底部,而另一些数据出现在下一页的顶部。是否有与Word的“保持在一起”功能等效的功能,可以防止在表格行内发生分页符?我认为这将是一个常见问题,但我能找到的唯一“答案”隐藏在某个带连字符的网站上。:)更新:将使用IE7查看数据,它似乎没有正确处理“page-break-inside”属性(如果有的话)。有其他选择吗?这是jQuery可以提供的帮助吗? 最佳答案 尝试:CSS2友好的方式是td{内部分页:避免;参见page-br

html - 应用于 tr 的渐变在每个 td 处分别呈现。如何在 tr 上创建水平渐变?

您可以在此处查看问题:http://jsfiddle.net/vadirn/5pgXS/1/(仅使用-webkit-gradient)。HTML:Rowone,columnoneRowone,columntwoRowone,columnthreeRowtwo,columnoneRowtwo,columntwoRowtwo,columnthreeRowthree,columnoneRowthree,columntwoRowthree,columnthree​科学:$solid:1pxsolid#444;table{border:$solid;}td,th{border-right:$so