草庐IT

grid-row

全部标签

html - Angular Material 2 : How to style an md-grid-tile?

除了默认的中心对齐方式之外,如何以不同方式对齐md-grid-tile内的元素? 最佳答案 您可以使用::ng-deep覆盖md-grid-tile的默认css。CSS:::ng-deepmd-grid-tile.mat-grid-tile.mat-figure{align-items:initial;/*verticalalignment*/justify-content:initial;/*horizontalalignment*/}Plunkerdemo 关于html-Angula

html - 如何使用 CSS 使 TD 表现得像 TR(row)?

我有一个动态创建html表格的组件。根据我的需要,我需要将td标签逐行显示为block元素而不是列。如何使用CSS做到这一点? 最佳答案 您可以通过将display:block应用于td来做到这一点:http://jsfiddle.net/wYA9K/这适用于除IE9之外的所有现代浏览器..使用float:left;width:100%而不是让它在IE8/9中也能工作:http://jsfiddle.net/gvpzh/没有什么可以让它在IE7中工作。 关于html-如何使用CSS使TD

html - 如何使用 CSS 使 TD 表现得像 TR(row)?

我有一个动态创建html表格的组件。根据我的需要,我需要将td标签逐行显示为block元素而不是列。如何使用CSS做到这一点? 最佳答案 您可以通过将display:block应用于td来做到这一点:http://jsfiddle.net/wYA9K/这适用于除IE9之外的所有现代浏览器..使用float:left;width:100%而不是让它在IE8/9中也能工作:http://jsfiddle.net/gvpzh/没有什么可以让它在IE7中工作。 关于html-如何使用CSS使TD

html - 在 Twitter 的 Bootstrap 中使用 'row-fluid' 时偏移量不起作用

我正在使用Bootstrap-Twitter,每当我尝试使用流动行时,跨度上的偏移量都不起作用。这是一些代码:Contenthere所有发生的事情是这口井没有偏移4个空间。我用谷歌搜索,但找不到明确的答案。有人有解决办法吗? 最佳答案 Bootstrap现在支持这个:Asof2.1.0-wip,.offset*classeswillnowworkwiththefluidgridsystemhttps://twitter.com/twbootstrap/status/215649222224134144

html - 在 Twitter 的 Bootstrap 中使用 'row-fluid' 时偏移量不起作用

我正在使用Bootstrap-Twitter,每当我尝试使用流动行时,跨度上的偏移量都不起作用。这是一些代码:Contenthere所有发生的事情是这口井没有偏移4个空间。我用谷歌搜索,但找不到明确的答案。有人有解决办法吗? 最佳答案 Bootstrap现在支持这个:Asof2.1.0-wip,.offset*classeswillnowworkwiththefluidgridsystemhttps://twitter.com/twbootstrap/status/215649222224134144

javascript - 粘性列中的 ag-grid 菜单

有没有办法为粘性列(在Ag-grid中)中的每一行添加一个菜单?官方文档中没有提到这个功能,所以我不确定它是否可行。我尝试了几种方法,但菜单总是被困在粘性列包装内。我能让它(至少)部分工作的唯一方法是设置:.ag-body-container.ag-row{z-index:0;}.ag-ltr.ag-hacked-scroll.ag-pinned-right-cols-viewport{overflow:visible!important;}但这完全破坏了垂直滚动。varcolumnDefs=[{headerName:"ID",width:50,valueGetter:'node.id

javascript - 粘性列中的 ag-grid 菜单

有没有办法为粘性列(在Ag-grid中)中的每一行添加一个菜单?官方文档中没有提到这个功能,所以我不确定它是否可行。我尝试了几种方法,但菜单总是被困在粘性列包装内。我能让它(至少)部分工作的唯一方法是设置:.ag-body-container.ag-row{z-index:0;}.ag-ltr.ag-hacked-scroll.ag-pinned-right-cols-viewport{overflow:visible!important;}但这完全破坏了垂直滚动。varcolumnDefs=[{headerName:"ID",width:50,valueGetter:'node.id

html - 显示 :table-row element 上的 CSS3 边框半径

这是我的布局:....还有CSS:.divContainer{display:table;border-spacing:05px;//bottomspacingwidth:100%;}.item{display:table-row;height:45px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}.itemHeader,.itemBody,.itemFlag{display:table-cell;}.itemHeader{width:100px;}.itemBody{width:150p

html - 显示 :table-row element 上的 CSS3 边框半径

这是我的布局:....还有CSS:.divContainer{display:table;border-spacing:05px;//bottomspacingwidth:100%;}.item{display:table-row;height:45px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}.itemHeader,.itemBody,.itemFlag{display:table-cell;}.itemHeader{width:100px;}.itemBody{width:150p

html - 如何让 CSS Grid 元素占用剩余空间?

我有一张使用CSS网格布局构建的卡片。左侧可能有图片,右上角有一些文本,右下角可能有按钮或链接。在下面的代码中,如何让绿色区域占用尽可能多的空间,同时让蓝色区域占用尽可能少的空间?绿色应该尽可能地压低蓝色区域。https://jsfiddle.net/9nxpvs5m/.grid{display:grid;grid-template-columns:1fr3fr;grid-template-areas:"onetwo""onethree"}.one{background:red;grid-area:one;padding:50px0;}.two{background:green;gri