我试图将标题文本类似于
default legend text在fieldsets中的显示方式;也就是说,我想要一条删除线的线条,而不是通过文本.我似乎没有找到有关如何完成这一点的任何信息,而且由于Google的许多其他问题总是引导我进行Stack Overflow的回答,我认为这里有人可能会给我建议.
有没有办法做到这一点?
解决方法
见:
http://jsfiddle.net/thirtydot/jm4VQ/
如果文本需要包装,这将不起作用.在IE7中,不会有任何行.
HTML:
<h2><span>Centered Header Text</span></h2>
CSS:
h2 { text-align: center; display: table; width: 100%; } h2 > span,h2:before,h2:after { display: table-cell; } h2:before,h2:after { background: url(http://dummyimage.com/2x1/f0f/fff&text=+) repeat-x center; width: 50%; content: ' '; } h2 > span { white-space: nowrap; padding: 0 9px; }