訂單頁面布局

2022-01-29 20:55:02 字數 882 閱讀 1690

收件資訊

動感超人

185****9875

北京朝陽區四環到五環之間878東區12層

商品資訊

經典防水

x1 顏色:白色 尺寸:42碼

¥18.80

共2件商品

小計:¥580.00

付款方式

餘額支付 (餘額¥24.00)

備註:合計金額:¥580.00

去付款(3)

css

.consignee 

.consignee-address

.right-arrow

.line-one

.tel

}.line-two

}}.product

.product-item

display: flex;

.item-left

}.item-right

.item-line-two

.item-line-three }}

.product-item:last-child

}.summary }}

}.payment

.payment-item

.payment-text

}.check

.uncheck }}

.remark }}

}.bottom

.bottom-right

}

頁面布局 兩列布局

left right right css left right簡單的布局方法,左側設定浮動,右側設定margin left 避免環繞左側 的布局方法 left right right css left right fix right通過在html檔案的right上套上一層right fix,然後對r...

頁面布局之flex布局

flex布局 flex布局也叫作彈性盒子布局,可以簡便 完整 響應式的實現各種頁面布局,同時也支援所有的瀏覽器。父級元素設定css樣式為 display flex。內容的位置用justify content來控制,常用的屬性有 space between space around center le...

頁面布局(三欄布局)

假設高度已知,請寫出三欄布局,其中左欄 右欄寬度各為300px,中間自適應。1.浮動布局 2.絕對定位 3.flexbox解決 4.table cell 布局 5.grid網格布局。doctype html en utf 8 viewport content width device width,i...