撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:/ t, }( U1 I5 z6 r2 U* x
E7 h* U4 r; }4 H: B1 `/ |2 n
- 甇撣豢靘蝮桀
1 ~2 m! i. L# a5 f
F5 Z; c: m9 K# K/ S- img {# W, D# u8 G3 j; i5 m% o
- max-height:200px; /*甇方隞交憭折摨衣箔*/" B( D/ ]) H3 _5 t% Y+ d. m: f
- width:inherit;
1 [- C0 V d* `3 x/ ` - height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/7 S/ [) r5 E6 b8 V" ^" `4 Q
- overflow:hidden; /*頞銝憿舐內*/ `9 J" T- p. k/ b7 i2 U& D
- }
銴鋆賭誨蝣
) D1 d5 m. y2 i0 O- 瘞游像渡蔭銝& r$ l: K/ F7 X# H0 j7 @& x
( _) w4 P; Z+ ^, ?7 k5 s
敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵0 q0 C/ x" z1 w% [" D
摰銋質鋆⊿Y芷拇憭X
" s0 R) M1 ~6 t) K: J函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙
" Z+ e2 l7 I) H: N8 m
; v# B: b# s6 n4 I3 \8 Khtml隤瘜
6 z6 ]1 N* ~6 o/ b- <div class="exam"># \( d% S& X( F; D D# v
- <img src="頝臬">' W8 b: |+ w* G% X2 q) s
- </div>
銴鋆賭誨蝣 css隤瘜5 R9 g' o: R$ S2 D3 M
- .exam{/ B1 w+ R% ~- r& H1 q1 [
- width: 150px;
, L: @) q2 k8 D! x - height: 150px;
) C$ Q: C( _9 z' e B4 s - max-width: 100%;
0 \/ c6 N" H* |0 a - background-color: #eb9700; n# V& \- f& E& I
- display: flex;
3 h: s1 V9 w* g9 j* } - align-items: center; /*渡蔭銝*/
# r! \/ J4 H0 c0 W" C6 e - justify-content: center; /*瘞游像蝵桐葉*/
& @( v* M) {7 ~& \: `5 }9 c - }
銴鋆賭誨蝣 |
|