javascript - 使文本左右两侧的图形根据文本量改变宽度？

Question

我需要在文本左右两个图形中间放置一个 H1 标签。 H1 文本的宽度会根据您所在的页面而有所不同。左边的点应该保持在网站的左边缘，线应该延伸到文本的边缘。右侧也一样。有没有办法通过使用 CSS 或什至一些 jquery/javascript 来实现这一点？

在所附的图形中，如果文本只是“你是谁”，我需要左右两侧的条形变宽以抵住文本的边缘。

背景是一个纹理(在示例图像中很难看到)所以在文本后面使用纯色不是一个选项。 :(

Answer 1

试试这个:http://jsfiddle.net/NpCP5/

我们在这里使用一个延伸到 h1 后面的图形，而不是使用两个图形，并设置 h1 的背景颜色(用于间隙效果)。这也可以通过仅使用 css 的行的最小空间动态实现。