最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 16:16:20
文档

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

【请教】如何实现横向布局时图片A居中宽度固定,左右两侧由不同的图片B、C填充为背景_html/css_WEB-ITnose:1、横向布局,分三列,左、中、右 2、中间列 图片A作为背景(宽度960)。 内容都放置在这里面。 3、左列由图片B填充为背景 宽度为1,高度若干,横向拉伸 4、右列由图片C填充为背景 宽度为1,高度若干,横向拉伸 以上4点是由于图片A的左侧边缘和右侧边缘
推荐度:
导读【请教】如何实现横向布局时图片A居中宽度固定,左右两侧由不同的图片B、C填充为背景_html/css_WEB-ITnose:1、横向布局,分三列,左、中、右 2、中间列 图片A作为背景(宽度960)。 内容都放置在这里面。 3、左列由图片B填充为背景 宽度为1,高度若干,横向拉伸 4、右列由图片C填充为背景 宽度为1,高度若干,横向拉伸 以上4点是由于图片A的左侧边缘和右侧边缘


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

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

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

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

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


回复讨论(解决方案)

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

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

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


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

			 页面名称 

			 页面名称 




谢谢!正好是我需要的

重写了一下代码,如下





页面名称







M
L
R



文档

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

【请教】如何实现横向布局时图片A居中宽度固定,左右两侧由不同的图片B、C填充为背景_html/css_WEB-ITnose:1、横向布局,分三列,左、中、右 2、中间列 图片A作为背景(宽度960)。 内容都放置在这里面。 3、左列由图片B填充为背景 宽度为1,高度若干,横向拉伸 4、右列由图片C填充为背景 宽度为1,高度若干,横向拉伸 以上4点是由于图片A的左侧边缘和右侧边缘
推荐度:
标签: 图片 居中 实现
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top