撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:
; `( t$ O1 J$ c' s+ f @) S% S' a
, w+ B; i' \$ I& ~' d% b$ \- 甇撣豢靘蝮桀0 q3 H! O3 C& J1 o5 W3 v h9 p: x
( J J% a; m0 w& q( ^- img {' H2 Z. I/ c9 I2 p4 N* Z; A
- max-height:200px; /*甇方隞交憭折摨衣箔*/; h0 f2 O2 ?. ^3 ^4 B& h' l
- width:inherit;$ e) p! p0 P+ D% D3 S. ^
- height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/' U. T) j( y' o. r% A8 g4 ^! r; L5 `
- overflow:hidden; /*頞銝憿舐內*/2 x: C' ^. b0 z* [, M+ ^7 Y
- }
銴鋆賭誨蝣 * Y6 {: @2 S1 K" b+ A- {: k! Y
- 瘞游像渡蔭銝' s. X, H* I/ I1 [/ ?, |
/ M+ `' [+ E- P! ~, G' k7 T! `
敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵
* |2 E; o: M$ C9 q9 \, i7 Y) ~ ]$ P摰銋質鋆⊿Y芷拇憭X7 I+ ^+ M, o2 R
函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙
$ l: w( A i6 g( p2 I6 t& v' F, ~" _. S$ X3 m0 K9 X
html隤瘜
1 Y) Z. v6 d2 j6 n# j) u5 B- <div class="exam">% R: X( B4 a* l" r) q" {1 t4 A5 q
- <img src="頝臬">
9 T7 H' v' m& B8 [. h - </div>
銴鋆賭誨蝣 css隤瘜
* L4 T. p8 `/ S. J5 o# e" f: h- .exam{# B# y$ I. `6 Y0 o$ m
- width: 150px;
9 W2 i# y4 @7 v; \" [. _ - height: 150px;
7 j% t! b5 u7 \0 B, I. `7 N0 \# F - max-width: 100%;% v, h7 m: F/ n' c
- background-color: #eb9700;
: y ^; \& I1 W" c& P - display: flex;& s9 g: x5 Z/ w) B5 z
- align-items: center; /*渡蔭銝*/9 c& e7 r- \4 ?' S4 X- m3 J
- justify-content: center; /*瘞游像蝵桐葉*/: i( z/ V+ O! ?5 \! V- Z' b, L
- }
銴鋆賭誨蝣 |
|