撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:
- C; m; A% ^- V# w, b0 X. k' Y- J) ~# `/ k7 D9 k
- 甇撣豢靘蝮桀3 r- |* u _% }! ] f# I# |
. t8 F- w9 b. J! B( t6 E9 q+ x4 C- img {0 d0 A* S0 B5 D9 B6 z2 N$ B2 D
- max-height:200px; /*甇方隞交憭折摨衣箔*/3 ]: n% [7 F2 `. a5 ^
- width:inherit;
; k& z- @' l2 u! l! d - height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/
% D, C# q9 `3 h4 @5 T( C5 [5 S$ f - overflow:hidden; /*頞銝憿舐內*/* ?0 h9 w1 G9 x+ c0 U
- }
銴鋆賭誨蝣
2 L# m% D( ]/ ?; D, A5 _' y8 |3 \6 B* g4 d4 f% R
敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵) K. g" o3 h+ m0 W
摰銋質鋆⊿Y芷拇憭X7 w; v; d. w* T# W7 U
函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙
- z9 g* K x7 ~. c. N( e( \% Z# @: ], @7 N/ _) E ]
html隤瘜
0 M- d! l/ a/ A3 `7 `( D9 ~- <div class="exam">
, C' T0 C8 _4 i' g. W9 B1 o. _2 ~ - <img src="頝臬">% Q7 h# p# a7 `! Y
- </div>
銴鋆賭誨蝣 css隤瘜
9 E3 ]+ H. Z+ G8 f) Q/ ~- .exam{
+ S1 K8 J4 L. H - width: 150px;
3 F) W2 I6 D& \. A& J7 \. C - height: 150px;
/ ~% J7 N0 a; l1 |$ K2 u - max-width: 100%;
! Q. S2 _4 o. W4 r - background-color: #eb9700;; r0 a; k' W4 I" a. C
- display: flex;
; P0 b- V4 e) ~6 k/ R/ k - align-items: center; /*渡蔭銝*/, J1 b4 O/ G' y9 D0 h) k& v H
- justify-content: center; /*瘞游像蝵桐葉*/. m1 q" w) ^+ H* B1 ^
- }
銴鋆賭誨蝣 |
|