Flex設定clipAndEnableScrolling後,contenWidth大於外層容器時,如何讓子容器居中?

時間 2021-06-06 22:46:16

1樓:王海華

同意張強的說法,clipAndEnableScrolling這個屬性和子容器位置貌似沒有關係。

絕對布局+設定verticalCenter和horizontalCenter為0是最簡單的方法,

需要實現複雜點的用途,在updateDisplaylist方法中計算子容器的x和y,然後呼叫move方法。

2樓:牧雲踏歌

非要clipAndEnableScrolling 設定為true的話,那就得自己算位置,讓其居中了。

可以考慮設定紅色區域父窗體的 paddingTop 與 paddingLeft值,以調整紅色區域的顯示位置。

parentGroup.paddingTop = (parentGroup.height-childContainer.height)/2;

parentGroup.paddingLeft = (parentGroup.width-childContainer.width)/2;

3樓:張強張耳朵

方法1:手動計算子容器的x和y,設定子容器.x=(子容器.

width-父容器.width)/2。子容器.

y=(子容器.height-父容器.height)/2。

方法2:子容器.verticalCenter=0;子容器.horizontalCenter=0;

為什麼css的flex布局有align self屬性卻沒有justify self屬性?

水秋玄 align self 並不是固定的垂直或水平排版,所有並沒有 justify self 這種跟它相對應的屬性 父元素 flex direction 為 row 時,水平排版由父元素決定,子元素的 align self 控制垂直的排版 父元素 flex direction 為 column 時...

彈性盒flexbox的flex屬性怎麼用?

Abram 前幾位說的都差不多了,我來說幾個比較難發現的用法。父元素為flexbox時,子元素水平垂直居中 margin auto 在flex box中如果父元素設定為justify content flex start,flex direction column,這時類似於所有子元素左浮動的效果,...

safari到底支不支援flex(彈性布局)?

已重置 支援是肯定支援的,現在也不用加什麼webkit字首,但有一點務必注意!父元素設為display flex 沒有問題,但子元素flex 1這種標註在safari中不能用!子元素使用的話只能設為flex auto,如果想實現flex 1這種效果,請用 flex grow 1 flex shrin...