草庐IT

grid-layout

全部标签

html - Angular ui-grid 自定义标题 html

我正在尝试将一个glyphiconglyphicon-thlist(我可以单击并调用Controller函数)添加到默认标题的左侧。我采用了默认header并试图操纵它来执行此操作。默认header位于:https://raw.githubusercontent.com/angular-ui/ui-grid/master/src/templates/ui-grid/uiGridHeaderCell.html我将其更改为下面的内容,但最终我得到了2行。第一行左边有我的图标,右边是排序下拉菜单,然后第二行有列标题,当您单击它时会切换排序升序/降序。我不是最擅长的,所以想知道如何将所有这些都

html - CSS Grid 有 flex-grow 功能吗?

对于grid是否有类似于flex-grow的模拟?属性?我希望我的网格区域能够容纳他们收到的内容,但有些区域比其他区域占用更多的空间,例如flex-grow用于flex。实际上,在下面的例子中我想要turquoise是不可见的,因为它容纳了它的内容。footer也是不可见的,因为它没有内容。中间部分采用页面的剩余部分,如flex-grow。更实际一点,我想要这段代码:.ctnr{display:grid;min-height:100vh;grid-template-areas:"headerheader""navmain""footerfooter";}.test{background

html - 为什么 Float 优于位置 :relative and absolute while we can make layout quickly with position?

为什么Float优于position:relative和absolute而我们可以用position快速布局?在经济衰退时期,时间非常重要。当我们制作2-col、3-col或multi-col布局,然后在布局div中定位其他元素时。世界上大多数人都喜欢Float。为什么Float优于position:relative和position:absolute给中的任何元素定位和其他嵌套元素?如果使用position:布局页面/设计,我们可以创建一个设置为position:relative的容器div,允许标题、内容和导航divs在容器div内设置为position:relative,允许这些

HTML & CSS : Vertical Flow Layout (columnar style), 如何实现?

“流动”元素的标准CSS/html定位是水平的(基于行)=>float:left;。我需要做什么,才能像下面的示例(柱状样式)那样定位它们。是否有任何CSS标签可以在某处设置它?(理想情况下,我不想设置网格,这应该像在float:left样式中一样自动发生...)+---------------------------+|DivBox1||DivBox2||DivBox3|+---------------------------+添加后:多了2个盒子:+----------------------------+|DivBox1DivBox4||DivBox2DivBox5||DivBo

javascript - 如何在 angular-ui-grid 中为特定值的行着色?

我正在尝试根据新的angular-ui-grid3.0rc12中的值为一行着色,但我无法做到。以下代码用于以前的版本(ngGrid):$scope.gridOptions=data:'data.sites'tabIndex:-1enableSorting:truenoTabInterference:trueenableColumnResizing:trueenableCellSelection:truecolumnDefs:[{field:'sv_name',displayName:'Nombre'}{field:'sv_code',displayName:'Placa'}{field

layout - 使用 <DIV> 标签实现 3 列网站的最佳方式?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭9年前。Improvethisquestion我正在使用如下布局开发一个3栏网站:.........但是,考虑到's的默认CSS“位置”属性是“静态的”,我的's正如预期的那样,一个一个地显示在另一个下方。所以我将CSS属性“position”设置为“relative”,并更改了“middle”和“right”的“top”属性's到-(减去)前一个的高度.它工作得很好,但是这种方法给我带来了两个问题:1)即使InternetExplo

html - 如何在 CSS Grid Layout 中设置列​​的最大宽度?

我想要实现的目标:使用CSSGridLayout,使页面的右栏大小从其内容派生,但最多只能占窗口宽度的20%。我认为它会如何运作:div{border-style:solid;}#container{width:300px;height:300px;display:grid;grid-template-columns:1frminmax(auto,20%);}somecontentLoremipsumdolorsitamet,consecteturadipiscingelit.Doneccursuseuleoacultrices.Vivamusornare,orcisedpretium

html - 空白 : nowrap breaks flexbox layout

这个问题在这里已经有了答案:Whydon'tflexitemsshrinkpastcontentsize?(5个答案)关闭6年前。我使用Flexbox为应用程序创建了响应式布局。该布局要求左侧有一个可折叠菜单,中间有一个带有标题和正文的block,右侧有一个可切换的帮助Pane(还有更多内容,但这是基本结构)。左侧菜单有两种状态:180px宽或80px宽。帮助Pane要么隐藏,要么占用180像素。中间的盒子占据了其余的空间。Flexbox就像一个魅力。当我使用white-space:nowrap制作滚动div时,问题就来了。我有一堆元素需要在水平滚动条中显示,所以我有一个包含元素的列表

android - 如何从代码中动态设置 layout_weight 属性?

如何从java代码中动态设置android中按钮的属性layout_weight的值? 最佳答案 您可以将其作为LinearLayout.LayoutParams构造函数的一部分传入:LinearLayout.LayoutParamsparam=newLinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT,1.0f);YOUR_VIEW.setLayoutParams(param);最后一个参数是权重。

android - 如何从代码中动态设置 layout_weight 属性?

如何从java代码中动态设置android中按钮的属性layout_weight的值? 最佳答案 您可以将其作为LinearLayout.LayoutParams构造函数的一部分传入:LinearLayout.LayoutParamsparam=newLinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT,1.0f);YOUR_VIEW.setLayoutParams(param);最后一个参数是权重。