在CSS中是否有一种方法可以告诉内联网格在哪一行的基线上应该垂直对齐?它似乎是一个带有垂直对齐的内联网格容器:基线;使用第一个单元格的基线。但我想使用另一个单元格(或行)的基线。这个是可能的吗?
下面的代码和图像显示了我所拥有的和我想要的。
.grid{
display: inline-grid;
grid-template-columns: auto auto auto;
grid-template-rows: auto auto auto;
grid-gap: 20px;
align-items: baseline;
border: 1px solid blue;
pad
我有一个5列的表,所有的列都是垂直对齐的:中间。前4列仅由在单元格中间垂直对齐的文本组成。前四列格式很好;但是,最后一个单元格由两个div组成。第一个是向左浮动的文本,第二个是向右浮动的按钮。下面是最后一个单元格的html:
<td>
<div style="float:left; width:50%">
Text Not In Middle Of Cell
</div>
<div style="float:right; width:50%"
我希望在段落的一侧有按钮,与该段中的元素垂直对齐:
<div style="width:20%">
This is an example text. This is an example text. This is an example text. This is
an example text. This is an <span>A</span> <button>Aligned with A</button> example text. This is an example text.
This is