Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 扩展边界_Css_Border - Fatal编程技术网

Css 扩展边界

Css 扩展边界,css,border,Css,Border,我有一个图像将在窗口中居中(左和右),没有左边框,但有右边框。我想知道是否有可能使上边框从页面的最左边(经过图像)停止在右边框,而下边框从图像的左端开始,一直延伸到窗口的右侧。顶部和底部边框由两个不同的重复背景组成,如果需要,左侧边框也可以 我已经考虑了一段时间,但没有想出任何解决方案……有人能帮我吗?你可能想澄清一下你愿意有多灵活。你可以用多种方法来解决这个问题。是否希望顶部和底部边界延伸到视口的边缘(因此需要将其设置为流体宽度) 您可以使用具有背景位置的背景图像和滑动门技术来处理此问题,也可

我有一个图像将在窗口中居中(左和右),没有左边框,但有右边框。我想知道是否有可能使上边框从页面的最左边(经过图像)停止在右边框,而下边框从图像的左端开始,一直延伸到窗口的右侧。顶部和底部边框由两个不同的重复背景组成,如果需要,左侧边框也可以


我已经考虑了一段时间,但没有想出任何解决方案……有人能帮我吗?

你可能想澄清一下你愿意有多灵活。你可以用多种方法来解决这个问题。是否希望顶部和底部边界延伸到视口的边缘(因此需要将其设置为流体宽度)

您可以使用具有
背景位置的背景图像和滑动门技术来处理此问题,也可以使用无关的标记创建一个三列流体宽度布局,其中图像位于中心

这取决于您,但使用三列技术,您可以通过JavaScript插入额外的
div
(或您想要使用的任何内容),这样您的源代码中就不会有空容器,并使用
边框顶部
边框底部
而不是背景图像(从而减少页面的一些加载时间)

编辑:为了澄清,您希望它看起来像以下Ascii图形:

_______________
               |img|_____________________
编辑:对于流体宽度布局,请参考CSS布局的众多来源之一,这里有一个很好的概述:


然后,在左栏和右栏上,分别执行
边框顶部
边框底部
(或者使用背景图像,如果需要更漂亮的边框),设置图像边框,并设置三个容器的高度,使边框对齐。希望有帮助。

基本上是的。边界也会在图像本身的上方和下方。什么是三栏技术?