jquery - 居中流体 div，两侧填充遗留区域

Question

我需要重新审视下一个问题，因为我完全陷入困境(我已经尝试了很多 - 表格、背景、:before 和 :after、表格单元格显示，但没有收到任何好消息)。

我有一个固定宽度“包装器”的 div(例如 1000 像素)。 然后我有内部结构:线，按钮，文本，按钮，线。 按钮有固定宽度，但文本没有。所以，可能是下一种情况:

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>