当前位置:Gxlcms > html代码 > 【请教】如何实现横向布局时图片A居中宽度固定,左右两侧由不同的图片B、C填充为背景_html/css_WEB-ITnose

【请教】如何实现横向布局时图片A居中宽度固定,左右两侧由不同的图片B、C填充为背景_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:30人阅读

1、横向布局,分三列,左、中、右

2、中间列
图片A作为背景(宽度960)。
内容都放置在这里面。

3、左列由图片B填充为背景
宽度为1,高度若干,横向拉伸

4、右列由图片C填充为背景
宽度为1,高度若干,横向拉伸

以上4点是由于图片A的左侧边缘和右侧边缘不一样,所以两侧需要有不同的2张图片向左右延伸出去(填满屏幕),以便用户在不同分辨率下可以比较舒坦。


回复讨论(解决方案)

=。=
一天了还么人回复吗……

那就三个图片分别放在一个div里面,外包一个div,中间的宽度为图片的宽度,左右两边自适应auto

那就三个图片分别放在一个div里面,外包一个div,中间的宽度为图片的宽度,左右两边自适应auto


看了几遍……没太明白……

			 页面名称 

			 页面名称 




谢谢!正好是我需要的

重写了一下代码,如下





页面名称







M

L

R




人气教程排行