row panelGrid在另一行CSS

我有一個panelGrid來顯示信息。當我在第一行插入一個按鈕時，其餘的行向下移動。如果我插入按鈕，其餘行不必移動。我需要使用哪些CSS屬性。我的面板的畫面：row panelGrid在另一行CSS

盯梢行是第一行。接下來的畫面顯示在第二行：

而且我想我的面板看起來像這樣：

我用位置：絕對在按鈕上，但我的頁面響應，當我調整頁面，這個屬性碰撞響應式設計。那麼我需要使用哪些屬性來實現我的目標？我正在使用Primefaces。

問候

來源

2016-07-26 Chema

你可以發表你現在擁有的代碼嗎？從圖像中分辨出代碼解決方案可能是不可能的。 – Toby

看看客戶端的html應用正確的CSS。實際上，這不是PrimeFaces相關的。 – Kukeltje

我在詢問關於CSS屬性的問題，讓我插入按鈕並移動下面的行。我會嘗試修改並添加我的代碼，但它非常分散。 – Chema

你需要一個div包裝爲您的按鈕，該按鈕被內浮動，從而在div並不需要額外的高度。

<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>

而CSS：

.button-wrapper { 
    float: right; 
    height: 1px; // Fool the row by thinking that this div doesn't have height 
} 
.some-button { 
    float: right; 
}

這樣，當導航器呈現的行，它認爲，div孩子只有1個像素，因此它不垂直擴展。

看看這個例子：https://jsfiddle.net/z2L715ev/2/

來源

2016-07-26 14:59:24 Mumpo

這就是我想要的。非常感謝你，它完美的作品。 – Chema

row panelGrid在另一行CSS

回答

相關問題