边填左区的定心流体分度

Question

我需要重新审视下一个问题，因为我已经尝试了很多-桌子，背景，前后，表格-单元格显示，但没有收到任何好的东西。

我有一个带有固定宽度“包装器”(例如1000 div )的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>