使流體div居中並排填充剩余區域

Question

我需要重新看一下下一個問題，因為我完全陷入了困境（我已經嘗試了很多-表格，背景，表單元格顯示的：before和：after，但收效甚微）。

我有一個固定寬度的“包裝紙”（例如1000px）的div。 然后我有內部構造：線，按鈕，文本，按鈕，線。 按鈕具有固定的寬度，但文本沒有固定的寬度。 因此，可能是下一種情況：

1：-------------------- <一些文本> --------------------

2：---------------------- <不，> -----------------------

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>