Question

我有一个将在窗口中居中（左右）的图像，没有左边框，但是有一个右边框。我想知道顶部边框是否可以从页面的最左边开始（通过图像）并停在右边框，底部边框从图像的左端开始并延伸到所有通向窗户右侧的方式。顶部和底部边框由两个不同的重复背景组成，如果需要，左边框也可以。

我一直在考虑这个问题，但无法提出任何解决方案......有人可以帮助我吗？

Answer 1

您可能希望澄清您愿意变得多么灵活。你可以采用多种方式。您是希望顶部和底部边框延伸到视口的边缘（因此需要它们是流体宽度）？

您可以使用带background-position的背景图像和滑动门技术来处理此问题，或者您可以使用无关标记创建三列流体宽度布局，并将图像放在中心。

这取决于您，但使用三列技术，您可以通过JavaScript插入额外的divs（或任何您想要使用的），这样您的源中就不会有空容器了，使用border-top和border-bottom代替背景图片（从而减少页面的一些加载时间）。

编辑：为了澄清，你希望它看起来像这样的Ascii绘图：

_______________
               |img|_____________________

编辑：对于流体宽度布局，请参考CSS布局中的众多来源之一，这是一个很好的概述： http://www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/

然后在左右列上，分别执行border-top和border-bottom（或者如果想要更漂亮的边框，则使用背景图像），给出图像边框并保持三个高度容器设置使边框排列在一起。希望有所帮助。