【請(qǐng)教】如何實(shí)現(xiàn)橫向布局時(shí)圖片A居中寬度固定,左右兩側(cè)由不同的圖片B、C填充為背景_html/css_WEB-ITnose
來源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 16:16:20
【請(qǐng)教】如何實(shí)現(xiàn)橫向布局時(shí)圖片A居中寬度固定,左右兩側(cè)由不同的圖片B、C填充為背景_html/css_WEB-ITnose
【請(qǐng)教】如何實(shí)現(xiàn)橫向布局時(shí)圖片A居中寬度固定,左右兩側(cè)由不同的圖片B、C填充為背景_html/css_WEB-ITnose:1、橫向布局,分三列,左、中、右 2、中間列 圖片A作為背景(寬度960)。 內(nèi)容都放置在這里面。 3、左列由圖片B填充為背景 寬度為1,高度若干,橫向拉伸 4、右列由圖片C填充為背景 寬度為1,高度若干,橫向拉伸 以上4點(diǎn)是由于圖片A的左側(cè)邊緣和右側(cè)邊緣
導(dǎo)讀【請(qǐng)教】如何實(shí)現(xiàn)橫向布局時(shí)圖片A居中寬度固定,左右兩側(cè)由不同的圖片B、C填充為背景_html/css_WEB-ITnose:1、橫向布局,分三列,左、中、右 2、中間列 圖片A作為背景(寬度960)。 內(nèi)容都放置在這里面。 3、左列由圖片B填充為背景 寬度為1,高度若干,橫向拉伸 4、右列由圖片C填充為背景 寬度為1,高度若干,橫向拉伸 以上4點(diǎn)是由于圖片A的左側(cè)邊緣和右側(cè)邊緣

1、橫向布局,分三列,左、中、右
2、中間列
圖片A作為背景(寬度960)。
內(nèi)容都放置在這里面。
3、左列由圖片B填充為背景
寬度為1,高度若干,橫向拉伸
4、右列由圖片C填充為背景
寬度為1,高度若干,橫向拉伸
以上4點(diǎn)是由于圖片A的左側(cè)邊緣和右側(cè)邊緣不一樣,所以兩側(cè)需要有不同的2張圖片向左右延伸出去(填滿屏幕),以便用戶在不同分辨率下可以比較舒坦。
回復(fù)討論(解決方案)
=。=
一天了還么人回復(fù)嗎……
那就三個(gè)圖片分別放在一個(gè)div里面,外包一個(gè)div,中間的寬度為圖片的寬度,左右兩邊自適應(yīng)auto
那就三個(gè)圖片分別放在一個(gè)div里面,外包一個(gè)div,中間的寬度為圖片的寬度,左右兩邊自適應(yīng)auto
看了幾遍……沒太明白……
謝謝!正好是我需要的
重寫了一下代碼,如下
頁(yè)面名稱 M
L
R
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
【請(qǐng)教】如何實(shí)現(xiàn)橫向布局時(shí)圖片A居中寬度固定,左右兩側(cè)由不同的圖片B、C填充為背景_html/css_WEB-ITnose
【請(qǐng)教】如何實(shí)現(xiàn)橫向布局時(shí)圖片A居中寬度固定,左右兩側(cè)由不同的圖片B、C填充為背景_html/css_WEB-ITnose:1、橫向布局,分三列,左、中、右 2、中間列 圖片A作為背景(寬度960)。 內(nèi)容都放置在這里面。 3、左列由圖片B填充為背景 寬度為1,高度若干,橫向拉伸 4、右列由圖片C填充為背景 寬度為1,高度若干,橫向拉伸 以上4點(diǎn)是由于圖片A的左側(cè)邊緣和右側(cè)邊緣