撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:, c9 N/ k* d+ I* N2 P# w6 p4 G
0 A' l* a! F: b/ R
- 甇撣豢靘蝮桀& ^# c( c% E0 {. K' p. a: G
. q. H# x4 z B E! A% ~# p( R- img {% ^7 y) f" ]$ r; v0 p& C
- max-height:200px; /*甇方隞交憭折摨衣箔*/! o f$ p+ C7 i' d" @
- width:inherit;# e4 X8 e8 o% p- v7 X
- height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/
: g$ ?# i1 ~$ n9 K% E - overflow:hidden; /*頞銝憿舐內*/0 c3 P8 t* z- w+ S d
- }
銴鋆賭誨蝣
9 |' K0 U" f0 D- E; {/ _9 k- 瘞游像渡蔭銝! O/ j" \8 |& B \- r1 ]3 ^
+ x$ f+ }& B9 O
敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵
* n1 N# d m' q. z摰銋質鋆⊿Y芷拇憭X* M- c! T+ Y' Z; c
函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙# R7 p% `3 |* f2 ?
# N% B9 _) F2 o* j' ^. ?html隤瘜7 G, N C) ^6 c4 E/ m5 G
- <div class="exam">
7 E% c+ h# |7 w( B# d - <img src="頝臬">9 g: e: O, F* J
- </div>
銴鋆賭誨蝣 css隤瘜
1 Q# R9 H, z" n! ^- .exam{
3 j' }8 q: z1 X* ~ - width: 150px;
* d ?# O6 M) Y+ J, J2 v - height: 150px;
6 d) Y+ O4 o5 @' S' k - max-width: 100%;
; m4 W! o9 |- k4 ` L. R8 @ - background-color: #eb9700;
5 @" G5 T% b& f7 ]0 j# P0 G9 W - display: flex;
5 m P1 Q! I: O - align-items: center; /*渡蔭銝*// O3 L% I" c9 T2 d
- justify-content: center; /*瘞游像蝵桐葉*/
1 \% w) B' H: q: I - }
銴鋆賭誨蝣 |
|