草庐IT

sample_col

全部标签

jquery - 将可拖动的 div 与 jqueryUI 可排序和 Bootstrap 一起使用(光标与 col-xs-6 中的 div 保持距离)

我想用jqueryUI和bootstrap制作一个可拖动的div,就像这样fiddle但是当我想在最后拖动第三个div时,它需要与光标的距离。$(function(){$(".columns").sortable({});}); 最佳答案 我想你可以使用cursorAt:{left:Value,top:Value}来设置你的鼠标位置 关于jquery-将可拖动的div与jqueryUI可排序和Bootstrap一起使用(光标与col-xs-6中的div保持距离),我们在StackOver

html - 在 Bootstrap 中的一行内居中动态数量的 col div

我想在bootstrap中将动态数量的col元素集中在一行中。我试图找到一种使用Bootstrap执行此操作的方法,但它似乎完全缺失。使用bootstrap的人都知道-cols移到最左边。您可以将动态数量的col元素放入一行-它不需要加起来达到12(所以请不要建议这样做)。如果您要动态排列元素列表,这一点很重要。您可以根据需要连续设置任意数量的列。我想做的就是确保-无论行中有多少元素-它们都位于窗口的中央。它们都类似于:class="col-lg-2col-md-3col-sm-4col-xs-6"。示例:Somethinghere1Somethinghere2Somethingher

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