撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:
" M# Y/ @) T: r/ m7 ^# `' d4 F8 h# C- g
- 甇撣豢靘蝮桀
8 L+ e% |: M3 a& l # d$ x, \( |5 E" R
- img {
( H0 L" U) K i8 E - max-height:200px; /*甇方隞交憭折摨衣箔*/9 \7 R+ k/ m* _ H$ l# G6 J
- width:inherit;
R7 _0 `0 h: }, H0 E - height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/8 w3 s. X2 S& i9 y- f
- overflow:hidden; /*頞銝憿舐內*/
- [: t1 o2 z* a8 H6 K9 h - }
銴鋆賭誨蝣
) o! d, @+ g3 }* ^' S4 s. ~% o- 瘞游像渡蔭銝, N0 }- Q4 t; o$ j- Y5 [+ D1 U
! W+ K2 m. F% s, I# G6 a- c敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵5 M! u' I) Z0 W' J
摰銋質鋆⊿Y芷拇憭X" I$ P" O8 m+ T) ~, G
函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙) x0 D9 A5 p, q2 r3 b2 A
1 `, w( b& B) S- yhtml隤瘜& @6 F0 I* t e" u0 N4 s
- <div class="exam">
7 o9 I5 t' m6 u+ Y! b4 D& O - <img src="頝臬">, Y' ^! i" P9 s5 A6 P1 i
- </div>
銴鋆賭誨蝣 css隤瘜2 C0 ^2 X k3 T. K. }2 S0 y9 V1 J
- .exam{4 [# ~8 m* a& p9 y7 Y' k/ ], U
- width: 150px;
& j1 l/ c; u) i3 _. Y - height: 150px;1 k! Q% K- M! I$ q, C y
- max-width: 100%;
- w% a- Y$ D2 r - background-color: #eb9700;
& s( T# a; W- @) R; @- Q, @ \ - display: flex;# t. k9 `# k$ u' B+ [4 e9 ?
- align-items: center; /*渡蔭銝*/7 t; {$ s% a& w9 s) S$ W0 s) c
- justify-content: center; /*瘞游像蝵桐葉*/
5 ]( b; |8 o R" S" z' T - }
銴鋆賭誨蝣 |
|