優(yōu)秀網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì) html5網(wǎng)頁(yè)編寫中,如何將兩張大小不同的圖片以某種方式左右對(duì)齊?
html5網(wǎng)頁(yè)編寫中,如何將兩張大小不同的圖片以某種方式左右對(duì)齊?左右對(duì)齊是否指上邊緣對(duì)齊?如果是這樣,您可以使用position來(lái)定位圖像,或者使用div來(lái)放置兩個(gè)圖像。默認(rèn)情況下,div將是父元素
html5網(wǎng)頁(yè)編寫中,如何將兩張大小不同的圖片以某種方式左右對(duì)齊?
左右對(duì)齊是否指上邊緣對(duì)齊?如果是這樣,您可以使用position來(lái)定位圖像,或者使用div來(lái)放置兩個(gè)圖像。默認(rèn)情況下,div將是父元素,圖像將從0渲染
最簡(jiǎn)單的方法是在文本所在的標(biāo)簽上添加一個(gè)填充頂,并使用頂填充方法模擬文本向下對(duì)齊的效果。如果不想使用這種方法,還有更復(fù)雜的實(shí)現(xiàn)手段。假設(shè)上面的HTML代碼是這樣的:
那么它可以這樣定義css.頁(yè)腳{ 高度:100px位置:相對(duì)}.center{位置:絕對(duì)底部:0文本-對(duì)齊:居中}對(duì)文本進(jìn)行絕對(duì)定位,以便其父元素可以向下對(duì)齊,而不考慮其高度。