撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:& u' h( e4 s9 T- I- Y. k7 [
* `' G [) a( x8 ~1 u. U" y" j' a- 甇撣豢靘蝮桀
/ M f6 Q0 P+ o: a. I
^+ o) i# @& R7 m- img {
. z1 g! L& c$ g" P6 [; a( ] - max-height:200px; /*甇方隞交憭折摨衣箔*/0 n# A, ?% v2 H+ S
- width:inherit;# d0 X: V5 g* O2 N- n3 `5 p0 f
- height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/
2 X5 F9 V8 c/ D* n5 K6 J. `7 J - overflow:hidden; /*頞銝憿舐內*/3 x% q' e: k, {/ ?& Z3 n7 \) u
- }
銴鋆賭誨蝣
5 w( o+ `" k2 _- 瘞游像渡蔭銝* B+ ^9 d& y }: f4 l7 t4 q- Y ^
! m% _1 R. @: V# i2 I7 m# T敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵. A" W/ j# S6 Z6 e% A, D9 o- t8 Q
摰銋質鋆⊿Y芷拇憭X2 t1 v* M1 D3 Z! Q1 W
函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙* t' U: k3 Y- l' U) h$ p
3 [' {- Q: o. z2 Q. O
html隤瘜
( S% a; Z! f$ L' g3 Q+ t+ S) u1 y- <div class="exam">
A, p- w7 I' K( U* x - <img src="頝臬">6 Y& b! P8 m# o' z4 ?' i% Y
- </div>
銴鋆賭誨蝣 css隤瘜, x+ j; u2 {4 c \5 l l
- .exam{
, g. M. t+ R; ?2 f( F" y* F - width: 150px; ^- |+ b" c& M1 Y x$ F2 A8 v
- height: 150px;
- b' U+ X* l8 }& U; O - max-width: 100%;
+ V! ^/ o9 O7 F6 G" ]' x - background-color: #eb9700;4 ?% p4 R' w* F4 B* S9 Z
- display: flex;
" {* c3 b4 n9 b7 A O2 [ - align-items: center; /*渡蔭銝*/9 `# |) Y* g" N/ g( D+ @
- justify-content: center; /*瘞游像蝵桐葉*/3 c5 f% k2 O& D0 N: w9 K
- }
銴鋆賭誨蝣 |
|