撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:5 D7 Q* b# h( T/ h: l! G: X+ D
. }1 ]. }* L& H$ r% P3 r* F$ b |# h- H9 @! T8 n7 E
- img {1 {) ?% v/ E! Q# }% \% Z) p1 k
- max-height:200px; /*甇方隞交憭折摨衣箔*/
& e& ]5 m+ T9 x; A% M3 x4 K - width:inherit;( [. X# D: y/ O# m/ ?
- height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/& D: |$ C% |! D
- overflow:hidden; /*頞銝憿舐內*// d9 X) X+ U% m6 E
- }
銴鋆賭誨蝣 ; |1 m" Z# v7 t0 C0 P
- 瘞游像渡蔭銝! v6 _) J% j' Q# j3 [! m
% U* L5 W8 C8 w, s敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵
! `% d; h) B: `9 I9 j/ c- x1 [0 s9 t摰銋質鋆⊿Y芷拇憭X5 n, F: K! V1 P! c( Y* w; q
函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙& S3 [& L" U1 n% g5 ^
X# ]" }' c5 _# \. O7 ohtml隤瘜6 f: Y3 e9 @- R
- <div class="exam">9 T4 _/ A) N6 Y& @8 y. O( R2 ?$ n
- <img src="頝臬">+ B( p- F+ d2 y8 Z. B
- </div>
銴鋆賭誨蝣 css隤瘜
4 k2 ^( I4 K: ]- .exam{- M, b& g6 ]" t+ }* D0 y
- width: 150px;
; g9 `& |& D+ e2 ] - height: 150px;
( a: a: K- s- |. } n - max-width: 100%;
/ f& b' H8 q8 z; H! Z; t - background-color: #eb9700;( F @, h) A. M$ b$ S( H& h
- display: flex;
9 u- z8 r' s" `) Z4 [# Z* n+ f' l7 C% Z - align-items: center; /*渡蔭銝*/
1 F: r7 N. i2 O5 f. c7 | - justify-content: center; /*瘞游像蝵桐葉*/
# [9 R" ]& y7 f6 L+ N3 M - }
銴鋆賭誨蝣 |
|