撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:9 @$ r* e. m3 r5 x
# E/ \8 g7 K( y
- 甇撣豢靘蝮桀' D6 M" K* [, K# ^% w
. ~1 x, \4 z8 ~" k
- img {/ E5 v6 U. W" E; J# }
- max-height:200px; /*甇方隞交憭折摨衣箔*/
; s% S4 A+ Q( t8 D5 c9 ~, W. h& j3 ] - width:inherit;
% m. p ~* E4 K* J0 D9 c% [ u - height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/
* ?7 \" ^6 W) o2 T& r' b- B - overflow:hidden; /*頞銝憿舐內*/
, Q3 M+ Y: q9 d- v - }
銴鋆賭誨蝣 . _* _5 G: Z; N/ [+ P
6 ^% G7 e8 L, D0 e$ Y敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵 c% |' w' q' r# x! m6 p
摰銋質鋆⊿Y芷拇憭X7 ] F$ O+ [# x/ t: H+ D
函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙/ Z1 A ?- V$ X9 k' V- R
9 K- l. v# l+ ?2 S- `html隤瘜5 q0 V* P! P6 `6 l: v/ c7 S
- <div class="exam">% w! _$ y! V! j- E# ~/ f& N
- <img src="頝臬">; S4 E; T/ Y* L F& [+ U; L
- </div>
銴鋆賭誨蝣 css隤瘜
9 E" [. d- z6 j" _7 A4 h- .exam{
E( X/ S" W1 a+ m - width: 150px;7 o/ @! L/ ]) T$ D
- height: 150px;
& W* u# I. ?$ Y - max-width: 100%;
) T0 `7 X) V9 N( @, S3 |1 [9 D - background-color: #eb9700;
/ H4 X; n; g$ n$ L - display: flex; y$ R S; m n
- align-items: center; /*渡蔭銝*/
5 f# }0 i- U/ j" K0 M0 O - justify-content: center; /*瘞游像蝵桐葉*/
( y. z4 t$ V4 N' a2 b - }
銴鋆賭誨蝣 |
|