撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:
! E# r9 @' M7 o/ R; V6 Q& f( e% u1 ^2 y2 {; V I* k3 I5 B
- b% M) p. ?0 I& O6 Q! a/ k
- img {0 L0 ]5 f. n) F) W
- max-height:200px; /*甇方隞交憭折摨衣箔*/- W' B( p3 b: l
- width:inherit;6 H* D4 z6 F6 Z. _- R
- height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/8 }& c7 X7 O) b
- overflow:hidden; /*頞銝憿舐內*/
/ g. Y; t: _- s# k- G _0 @' t$ e - }
銴鋆賭誨蝣 4 ?6 s# m; `6 a0 Q
- 瘞游像渡蔭銝- n) q) @. q) x, `" G2 x0 z
7 A( P$ e+ c/ f5 F4 z9 e% f2 l敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵3 _4 ?7 f6 @+ ?" w
摰銋質鋆⊿Y芷拇憭X
3 j. B3 S, j1 N8 ]7 \1 ?1 U函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙
0 k& h c* S" d, u- H+ y# d, b1 P" ]; @1 o. z
html隤瘜
( Q; `: B" R8 L3 t: U2 ^- <div class="exam">. N( @7 q8 N3 z1 @
- <img src="頝臬">
$ T; d% q/ U3 ?2 D3 {: E - </div>
銴鋆賭誨蝣 css隤瘜8 T; y; L G& d% |. y
- .exam{# y/ @6 ~/ U3 r# o( @
- width: 150px;8 L* y8 r0 l( u, J$ F4 m( H
- height: 150px;! V" [9 o: U. A; [! `
- max-width: 100%;1 n8 X( Y E& b% H x
- background-color: #eb9700;$ P" P: F4 ]. \, l" H5 `
- display: flex;
. c$ P( _4 F" f. A7 m2 v9 r - align-items: center; /*渡蔭銝*/8 i3 X4 n: u8 |. Y% w U
- justify-content: center; /*瘞游像蝵桐葉*/; c& @: j1 }5 R
- }
銴鋆賭誨蝣 |
|