草庐IT

fixed-row

全部标签

html - 推特 Bootstrap : How to layout multiple input-prepend's side-by-side on one row

在不知疲倦地浏览了Bootstrap文档之后,我似乎无法按照我需要的方式在此表单上布置下面的input-prepend插件输入(黄色下划线):您会注意到“实际门尺寸”行的布局不正确且布局不正确。我正在使用标准的row-fluid和span*约定,它对其余部分工作得很好。我真的只是想制作一个整洁的高度/宽度/深度前置输入选项集,它们彼此相邻float(并且不会溢出),但是重要的是我充分利用Bootstrap以确保字段然后下降在移动设备上位于彼此下方,因为此表单将主要通过iPad访问。如果有人可以建议对下面的HTML进行一些修改,以提供一种巧妙的方式来布置这三个输入,那就太好了(忽略插件高

jquery - visibility :hidden of table-cell hides background-color of parent table-row

我有一些使用display:table-row和display:table-cell构建的表单。在Firefox52上,我可以使用visibility:hidden隐藏单元格元素,隐藏单元格但保留CSS定义的结构(而不​​是使用display:none)。虽然在Firefox64(以及chrome)上,当我隐藏单元格的可见性时,父表行在该位置失去其背景颜色。这是显示问题的片段:#tableRow{display:table-row;background-color:#f5f5f5;}.cell{display:table-cell;}#hide{visibility:hidden;}V

jquery - visibility :hidden of table-cell hides background-color of parent table-row

我有一些使用display:table-row和display:table-cell构建的表单。在Firefox52上,我可以使用visibility:hidden隐藏单元格元素,隐藏单元格但保留CSS定义的结构(而不​​是使用display:none)。虽然在Firefox64(以及chrome)上,当我隐藏单元格的可见性时,父表行在该位置失去其背景颜色。这是显示问题的片段:#tableRow{display:table-row;background-color:#f5f5f5;}.cell{display:table-cell;}#hide{visibility:hidden;}V

javascript - 推特 Bootstrap : Is it possible to center container-fluid with two rows with span5 or span4?

我有这样的东西我将这些与span6排成一行。但是,当我对它们都执行span5时,它们会从左侧漂浮,在右侧留下很多空白区域。我可以让它们在页面上居中吗? 最佳答案 因为.offset类在Bootstrapv2.0.4中不起作用,您可以使用.span1类在这两个类的左右两侧创建空白空间元素。像这样: 关于javascript-推特Bootstrap:Isitpossibletocentercontainer-fluidwithtworowswithspan5orspan4?,我们在Stack

javascript - 推特 Bootstrap : Is it possible to center container-fluid with two rows with span5 or span4?

我有这样的东西我将这些与span6排成一行。但是,当我对它们都执行span5时,它们会从左侧漂浮,在右侧留下很多空白区域。我可以让它们在页面上居中吗? 最佳答案 因为.offset类在Bootstrapv2.0.4中不起作用,您可以使用.span1类在这两个类的左右两侧创建空白空间元素。像这样: 关于javascript-推特Bootstrap:Isitpossibletocentercontainer-fluidwithtworowswithspan5orspan4?,我们在Stack

html - CSS 显示 :block and position:fixed

为什么这段代码会:div{background-color:yellow;display:block;position:fixed;}当我添加position:fixed时,div不显示为display:block(即流过页面)?似乎还行不通?注意我是CSS的新手,所以如果这只是一个愚蠢的错误,我深表歉意 最佳答案 当您使用position:fixed;或position:absolute;时,该元素将脱离文档的常规流。div元素的width的默认设置是auto,这意味着它将使用它所在的全部可用宽度。当您将它从流程中取出时,不再有任

html - CSS 显示 :block and position:fixed

为什么这段代码会:div{background-color:yellow;display:block;position:fixed;}当我添加position:fixed时,div不显示为display:block(即流过页面)?似乎还行不通?注意我是CSS的新手,所以如果这只是一个愚蠢的错误,我深表歉意 最佳答案 当您使用position:fixed;或position:absolute;时,该元素将脱离文档的常规流。div元素的width的默认设置是auto,这意味着它将使用它所在的全部可用宽度。当您将它从流程中取出时,不再有任

javascript - 磁性分区 : fixed div inside absolute positioned div

我有以下页面:[LINK]页面被设计为水平滚动,因此一系列div(黑色边框的)出现在一行中。现在,我将较小的div(红色的)设置为永远不会超出父div,但与此同时,在滚动页面时,我希望它们在父div内移动,就像它们是固定的一样-定位。我会用图表来解释。我希望我的div表现得像这样:[LINK]有人可以帮忙吗?感谢您的宝贵时间! 最佳答案 更新创建了一些最小的/实验性的jQuery插件:https://gist.github.com/3177804你应该能够像这样使用它:http://jsfiddle.net/7q3Zu/2/下载并包

javascript - 磁性分区 : fixed div inside absolute positioned div

我有以下页面:[LINK]页面被设计为水平滚动,因此一系列div(黑色边框的)出现在一行中。现在,我将较小的div(红色的)设置为永远不会超出父div,但与此同时,在滚动页面时,我希望它们在父div内移动,就像它们是固定的一样-定位。我会用图表来解释。我希望我的div表现得像这样:[LINK]有人可以帮忙吗?感谢您的宝贵时间! 最佳答案 更新创建了一些最小的/实验性的jQuery插件:https://gist.github.com/3177804你应该能够像这样使用它:http://jsfiddle.net/7q3Zu/2/下载并包

javascript - scrollIntoView() 不工作 : does not taking in account fixed element

我正在尝试使用scrollIntoView()在我的应用程序中,但是因为我有一个顶部固定栏,所以当我使用scrollIntoView()时,元素将滚动到固定栏的后面。这意味着当我尝试让一些元素对用户可见时,通过将元素滚动到可见区域,它会被滚动,但滚动到另一个不可见区域,即这个固定栏。下面是我正在尝试做的一个例子:letelement=document.getElementsByClassName('second-element')[0];element.scrollIntoView();.fixed-element{height:30px;width:100%;background-c