居中填充剩餘面積的液體格子

Question

我需要重新審視下一個問題，因爲我完全陷入了困境（我已經嘗試了很多 - 表格，背景，之前和之後，表格單元格顯示，但沒有收到任何好的）。

我有固定寬度「包裝」（例如1000px）的div。 然後我有內在的建設：線，按鈕，文本，按鈕，線。 按鈕具有固定的寬度，但文本沒有。所以，可能會出現下列情況：

1：-------------------- < Some text> ------------ --------

2：---------------------- < Nope> ----------- ------------

3：-------------- <裏面的大內文> ------------ -

正如您所看到的，文字應始終位於中央，但從左側和右側的這些行應從左側和右側填充剩餘區域。

是否可以在css中做？或僅與jQuery？

感謝您的幫助。 會很高興的任何鏈接和提示）

Answer 1

試試這個。
CSS

p{position:relative;text-align: center;} 
    p:after{ 
    content:''; 
    position:absolute; 
    top: 50%; 
    width: 100%; 
    left: 0; 
    border-top:1px dashed #000; 
    z-index: 1; 
    } 
    p span{ 
    display: inline-block; 
    background: #fff; 
    position: relative; 
    z-index: 2; 
    padding: 0 10px; 
    } 

HTML： <p><span>asdadasdas</span></p>