草庐IT

n_a_cols

全部标签

html - 为什么 col break 元素占用 flexbox 中的空间

我有以下片段。它在一行中显示4列。当您单击任何顶部按钮时,脚本将根据单击的按钮添加一个新的元素,这会将列分成新行。这里的问题是.break-row元素即使在其高度为0px时也会占用垂直空间。我认为在这种情况下,.col元素应该填满垂直可用空间。我的目标是移除灰色的空白区域,并且.col元素将自己拉伸(stretch)到该区域。该灰色区域的解释是什么?我该如何摆脱它?$('a').on('click',function(e){e.preventDefault();$('.break-row').remove();varbreakAfter=$(this).data('breakafter

javascript - 在 col 元素中声明事件会如何影响表格的单元格?

当在HTML表格的col元素中声明事件(例如onclick)时,该事件会影响col元素引用的单元格吗?事件是否被忽略?有没有其他事情发生? 最佳答案 好问题。Thespec说:哪里%eventssays:所以,是的,看来应该td支持事件。然而,“应该”与“确实”相去甚远。唯一知道的方法是在所有浏览器中进行测试,并希望它也适用于future的浏览器。再想一想,就用eventdelegation并绑定(bind)到父table一次。这将永远有效。 关于javascript-在col元素中声明

html - 在物化中将 Col/Card 面板居中

Hello我想做的是使用Materialize的辅助类center-align将卡片面板居中放置在列中,但它不起作用,我还尝试在col上使用该类s5m5l5元素,同样无效谁能建议解决这个问题的方法?即使它必须是CSS编辑:我确实尝试过使用materialize的偏移实用程序,但它只是搞砸了很多 最佳答案 当你推/拉你的柱子时,你可以实现居中。你总共有12列,为了这个例子,让你的列宽6,而不是5。Centered我将我的行划分为3-6-3,总计为12,我想要的列居中。查看推/拉示例 关于h

javascript - 从对象值动态设置 col-* 值

我正在使用IonicFramework及其网格系统(类似于Bootstrap)。但是,我相信我的问题更多的是AngularJS而不是Ionic组件。我有以下内容:请注意,我必须为每个列动态设置值,以防万一col.size===2以上必须呈现为:一种方法是提前设置所有列并根据我想要的任何大小调用*ngIfs,这对于更简单的事情来说似乎有点矫枉过正。我也尝试过这样做:运气为零。可能的值可能来自1to12.任何帮助深表感谢!谢谢。 最佳答案 你可以添加指令import{Directive,ElementRef,Renderer,Input

javascript - 如何获取 td 的 col id(不是 td 的列号)?

在这个例子中:123456789如何获取td4的colid?如果我用这个jquery命令得到它的列号:varcn=$(this).parent().children().index($(this));cn会是0,但是style显示是col1的我需要像td.col.id这样的表扬当我在td上方的td(例如td4)处设置rowspan="2"时,这个td的列号将不同于它的col(或colgroup)顺序,我设置背景色来显示它。编辑:我相信有一种方法可以解决这个问题,因为当td知道它是col(colgroup)时,必须有一种方法可以在dom树上从td询问它。(td4你展示了特定col的风格,

javascript - 有没有办法在 javascript 中访问表格的 col 标签数组?

我有一个看起来像这样的表:Joe1972202-555-1234有没有一种简单的方法来获取的数组?标签?我不想使用getElementById,因为我不知道col标签的ID,尽管我会知道表的ID。我不想使用getElementsByTagName,因为文档中会有几个带有col标签的表格。我没有使用jquery,只是普通的javascript。有什么想法吗? 最佳答案 getElementsByTagName可用于ID为“myTable”的表:它将返回该表的所有列。这是一个例子:document.getElementById("myT

html - 我应该使用 <colgroup> 和 <col> 吗?如果是,为什么以及如何使用?

我一直在尝试正确使用colgroup和col标签,但我不明白。我阅读了规范和所有其他内容,但我不了解其目的或如何实现它。 最佳答案 Acolgroup用于table元素有助于理解具有不规则标题的表格中信息的复杂层次结构。WAI有一个关于如何处理这种情况的完整信息页面:Tableswithirregularheaders并了解col的使用和colgroupToassociatethefirst-levelheadersproperlywithallcellsofbothcolumns,thecolumnstructureneedsto

html - 在单个元素上组合 Bootstrap col 和 row 类

一个:..两个:..这两个实现是否相同?我可以使用2方法以便减少加价吗? 最佳答案 根据Bootstrap'sownAPIdocumentation,当nestingcolumns任何列.col都应该嵌套在.row中。两者不应组合在一个元素上。除了这在语义上更有意义之外——这两个类影响的底层CSS属性都依赖于这个结构。另请注意,当单独使用col-md-12时,您实际上是在创建一个全宽元素(无论如何都是一行)。在这种情况下,使用网格布局可能不相关,除非您有其他元素在不同的屏幕尺寸下显示/发挥作用。右(如果使用其他列以及col-md-1

html - 在 Bootstrap 4 中用 d-flex 替换 col

由于新的Bootstrap4正在从使用“floating”元素迁移到更好的“flexbox”方法,只是想知道是否可以使用构建整个网格结构.d-flex而不是现有的.container.row.col方式?因为它们都是使用flexbox从根本上构建的,所以我看不出将一个替换为另一个的任何缺点。事实上,我觉得.d-flex需要较少的css类名并使html中的内容更具可读性。与旧的col相比,我更喜欢d-flex还有其他原因:水平和垂直元素-d-flex支持创建水平(.flex-row)和垂直(.flex-column)元素。Col只支持横向。内联元素-元素的宽度将从子元素继承,并且可以使用

html - Bootstrap (TB3) 不在 bootstrap (TB3) cols 中包装按钮文本

我在测验式应用程序中使用Bootstrap(Twitter-Bootstrap3),并使用Bootstrap按钮来获取测验的答案。我的问题是有时答案很长,而不是将文本包装到放置按钮的col的宽度,文本只是保持一行并超过col和宽度。有没有一种简单的方法来解决这个问题(请注意,随着答案长度的变化,我无法定义设置宽度)?显示代码有点困难,因为它使用javascript来填充答案按钮,但我将展示一个屏幕截图和结果填充的HTML(在javascript填充问题和答案之后):这是生成的HTML:Quiz4-Thisisthequiz4descriptionCode:80559Instructio