<baseline-position>
<baseline-position> æä¸¾å¼ç±»å表示 baseline å
³é®åå¼ä»¥å first å last 两个修饰符ãå®ç¨äº align-contentãalign-itemsãalign-selfãjustify-items å justify-self 屿§ï¼ä»¥å place-contentãplace-items å place-self è¿äºç®å屿§ã
first å last å¼ä¸ºçåæå®åºçº¿å¯¹é½å好ï¼å¦æçç¥ä¿®é¥°ç¬¦åé»è®¤ä¸º firstã
è¯æ³
<baseline-position> = [ first | last ]? && baseline
å¼
<baseline-position> æä¸¾å¼ç±»åéè¿ baseline å¼åä¸ä¸ªå¯éç first æ last ä¿®é¥°ç¬¦æ¥æå®ã妿ä¸ä¸ªçä¸å±äºå
±äº«ç对é½ä¸ä¸æï¼é£ä¹å°ä½¿ç¨åé坹齿¹å¼ãåé坹齿¹å¼ä¹ç¨äºå¨å¯¹é½å®¹å¨å
对é½åºçº¿å
±äº«ç»ã
baseline-
计ç®ä¸º
first baselineï¼å®ä¹å¦ä¸ã first baseline-
å°çç第ä¸ä¸ªåºçº¿éç对é½åºçº¿ä¸å ¶åºçº¿å ±äº«ç»çç¸åºåºçº¿å¯¹é½ã对äºèªå¯¹é½ï¼åé坹齿¯
safe self-startï¼å¯¹äºå 容åå¸ï¼åæ¯safe startã last baseline-
å°ççæåä¸ä¸ªåºçº¿éç对é½åºçº¿ä¸å ¶åºçº¿å ±äº«ç»çç¸åºåºçº¿å¯¹é½ã对äºèªå¯¹é½ï¼åé坹齿¯
safe self-endï¼å¯¹äºå 容åå¸ï¼åæ¯safe endã
è§è
| è§è |
|---|
| CSS Box Alignment Module Level 3> # typedef-baseline-position> |
åè§
- ä½¿ç¨æ¤æ°æ®ç±»åç屿§ï¼
align-contentãalign-itemsãalign-selfãjustify-itemsãjustify-selfãplace-contentãplace-itemsåplace-self - å
¶ä»ç模å坹齿°æ®ç±»åï¼
<content-distribution>ã<content-position>ã<overflow-position>å<self-position> - CSS çæ¨¡å坹齿¨¡å
- CSS å¼¹æ§çå¸å±æ¨¡å
- CSS ç½æ ¼å¸å±æ¨¡å