Question

我需要对下一个问题有一些新的看法，因为我完全坚持它（我已经尝试了很多 - 表格，背景，：之前和之后，表格单元显示，但没有收到任何好处）。

我有一个固定宽度的div＆＃34;包装＆＃34; （例如1000px）。然后我有内部构造：线，按钮，文本，按钮，线。按钮具有固定的宽度，但文本没有。所以，可能是下一种情况：

1：--------------------＆lt;一些文字＆gt; --------------------

2：----------------------＆lt;不是吗？ -----------------------

3：--------------＆lt;内部大文字＆gt; --------------

如您所见，文本应始终位于中心，但左右两行应从左侧和右侧填充剩余区域。

可以用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>

定心流体div，两侧填充左侧区域

1 个答案: