行panelGrid在另一行CSS上

Question

我有一个panelGrid来显示信息。当我在第一行中插入一个按钮时，其余行向下移动。如果我插入按钮，则不必移动其余行。我需要使用哪些CSS属性。 我的小组的照片：

阴影行是第一行。下图显示第二行：

我希望我的面板看起来像这样：

我在按钮上使用了位置：绝对，但我的页面是响应式的，当我调整页面大小时，此属性崩溃响应式设计。那么我需要用什么属性来实现我的目标呢？我正在使用Primefaces。

此致

Answer 1

您的按钮需要一个pipe.syncSubmit(new byte[] { 70, 71, 72, 73}); pipe.syncSubmit(new byte[] { 74, 75, 76, 10}); 包装，并且按钮要在内部浮动，以便div不会占用额外的高度。

div

CSS：

<table>
  <tr class="first-row">
    <td>
      <div class="button-wrapper">
        <a class="some-button">+</a>
      </div>
      First row
    </td>
  </tr>
  <tr class="second-row">
    <td>
    Second row  
    </td>
  </tr>
</table>

这样，当导航器呈现行时，它认为.button-wrapper { float: right; height: 1px; // Fool the row by thinking that this div doesn't have height } .some-button { float: right; } 子项只有1 px，因此它不会垂直扩展。

请看这个例子：https://jsfiddle.net/z2L715ev/2/