撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:
8 Z+ b; Y2 ~5 L6 `4 R5 e; @9 V; p/ m3 A+ B) {3 i
- 甇撣豢靘蝮桀& p; E% s" x, C& N; B- X+ U
8 h! _1 a; c: |* w
- img {
# J& K' O5 y$ k7 y% s - max-height:200px; /*甇方隞交憭折摨衣箔*/
# Q1 z A3 M5 N3 X0 c - width:inherit;: g; o9 m3 t+ Y! ?6 f! ?& e
- height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/
4 U" r; }% G c5 |9 Q t1 m$ i - overflow:hidden; /*頞銝憿舐內*/& q0 r9 ?% f3 e* c& T. G# l( L
- }
銴鋆賭誨蝣 % ~- j5 \' t" g9 u
- 瘞游像渡蔭銝7 s3 h3 ?3 p) R7 c r0 ]4 G' P4 i
7 R1 `2 I5 l+ \8 X% U5 _敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵: @) z. J e$ v/ D7 n8 ~2 V2 A
摰銋質鋆⊿Y芷拇憭X- Z& \ D" P! l
函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙8 c$ w& r- ^& C+ _ l
& K8 P% ~5 U- p, v
html隤瘜) Q- O& `# T' c1 z( F4 J h
- <div class="exam">
. @7 x' c- f; [8 F- w - <img src="頝臬">) D5 n- q: _( Q
- </div>
銴鋆賭誨蝣 css隤瘜
7 v6 l) M' h/ {8 i7 e% W- .exam{+ U3 H8 T$ f& C) D- Z3 b; |
- width: 150px;* G1 X0 o* B! c: M
- height: 150px;* G3 j( @2 ^- x
- max-width: 100%;
. l3 W2 w# y# c0 M& g/ \ - background-color: #eb9700;
/ f0 k8 K' j& R7 C - display: flex;
) f6 ^/ H; H4 ^7 h - align-items: center; /*渡蔭銝*/0 X! y' J/ {$ j3 C* ?6 ~7 W+ n
- justify-content: center; /*瘞游像蝵桐葉*/
' s) Q# w3 w) C+ t. R; w - }
銴鋆賭誨蝣 |
|