撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:5 }3 v' o& f: v9 _9 \6 k' F
2 Q8 q. h- f8 d+ M" \- 甇撣豢靘蝮桀
7 k7 \4 X: i) W: ^ + O( [; h, r" k8 }
- img {
& I' d7 n @9 s+ e' Z$ s0 D5 [ - max-height:200px; /*甇方隞交憭折摨衣箔*/5 X" [9 ~- O R. d! C
- width:inherit;) m5 E( l1 q$ g1 }# O5 G6 b0 |
- height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/' d/ P8 u9 S. e0 u
- overflow:hidden; /*頞銝憿舐內*/- k" q' G5 r. L! [( w; K1 P: ` i
- }
銴鋆賭誨蝣
/ }& X% B, }' k$ W c. w; {0 c- 瘞游像渡蔭銝
# \: t$ @5 M% l: o2 B # Q- w) P3 O! j' n! }- q
敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵
! g/ l- l* v! T: ], Q: c摰銋質鋆⊿Y芷拇憭X
" ]# o$ r7 |( z& M. i函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙
8 T2 }) @% r2 |- |! x* I
" Z4 p0 f- Z* x5 Ahtml隤瘜
# ], ~: S8 N4 k/ l1 j" `- <div class="exam">
4 `7 P- T7 T5 Q) U8 w! h - <img src="頝臬">
; P7 Q! k0 S3 H - </div>
銴鋆賭誨蝣 css隤瘜
" y n) R) b# j& c1 m+ U6 z- .exam{
, i* V U& n& Y% P( ?5 h& I% m - width: 150px;6 s" {' i0 l4 o* Z
- height: 150px; C# K; p. Q. U/ A! r0 a8 @
- max-width: 100%;
2 B- Q4 A" U, T6 P - background-color: #eb9700;
* f/ D) W4 ^- q% U - display: flex;
: o) C( U' j& l7 {: |2 d3 E* W - align-items: center; /*渡蔭銝*/) O& _' y E6 p
- justify-content: center; /*瘞游像蝵桐葉*/- H! w. o- U( x/ ?6 W9 K
- }
銴鋆賭誨蝣 |
|