撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:' ~# @- d! ~: L9 ~ ]) t
7 X. Y; h1 A: @* U9 h) n- 甇撣豢靘蝮桀
/ i' D7 _3 }3 B+ N3 a% }# `1 Y
8 s( v1 @, f2 v+ h/ v4 N- img {
/ T/ o! b5 t/ G0 F" O ? - max-height:200px; /*甇方隞交憭折摨衣箔*/
~/ J" P( ~, D6 q0 d' J - width:inherit;
, J% L: V# I/ X1 j; a - height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/1 |" A4 r3 M; l" h& J: Z, [
- overflow:hidden; /*頞銝憿舐內*/
" ]& N6 m# P' g. b5 A( a. N% [ - }
銴鋆賭誨蝣 . Q7 a8 y5 r6 q% y
- 瘞游像渡蔭銝) ^! S6 u @1 K! M# E- q2 W
# a! W2 u4 W. B0 s i7 h敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵0 C9 O% E2 D% z" U; X# ^4 b
摰銋質鋆⊿Y芷拇憭X
|' J- d; }2 k0 B1 _函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙4 ^) g+ J: N* Y
" o* k1 G/ U6 Hhtml隤瘜
2 b3 x8 T5 L2 @# t% M* ]- <div class="exam">! g1 s1 |* C5 g
- <img src="頝臬">
; u8 b, @ C! h - </div>
銴鋆賭誨蝣 css隤瘜( {% Q) B1 F- {
- .exam{- y C( d4 I/ z1 |
- width: 150px;
" z8 }! h+ b( Z( a' K; i4 x - height: 150px;( Y) P4 ~2 y- w
- max-width: 100%;3 g1 M7 j- l6 W; M' D
- background-color: #eb9700;- `) J% C. H7 z7 u( n
- display: flex;
1 |" A) m4 R# i5 F. c" f" @ - align-items: center; /*渡蔭銝*/4 e) x) @9 k% N
- justify-content: center; /*瘞游像蝵桐葉*/
+ H4 a, u+ S1 _) u; D7 o9 Z' o - }
銴鋆賭誨蝣 |
|