撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:/ e! ?8 [' N$ ^) [& p& c
; u ]9 C/ s: O% a; ^0 h- 甇撣豢靘蝮桀
% ]4 i; E3 z5 o) E$ V4 v
$ s& y5 J' i" p, |* y- img {
. G; q1 r8 m$ ]+ Z - max-height:200px; /*甇方隞交憭折摨衣箔*/
; S( y, G+ y7 S' k7 u3 Y, W: G$ K - width:inherit;
/ i ^) g" {. E* e) `) M - height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/
# B2 Q8 B9 N1 T G# T+ B - overflow:hidden; /*頞銝憿舐內*/4 [, ?1 q" E% i- j* v. i$ M
- }
銴鋆賭誨蝣
0 y4 b, l/ A! N0 r" q) y) d6 N- 瘞游像渡蔭銝( m6 L) X9 {- U8 U. P1 b# u
2 C7 h: e8 }( v
敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵
8 E! H# s/ X9 o6 e摰銋質鋆⊿Y芷拇憭X& R3 V1 |& J/ j# H
函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙1 o3 L9 S+ {4 G2 u* y
" l' o' y0 |# @5 l+ Dhtml隤瘜
. S* d% [8 p. K. T- <div class="exam">
" u/ h# N" s. \ - <img src="頝臬">2 Y E5 x: _$ V2 F* s. k
- </div>
銴鋆賭誨蝣 css隤瘜
) r$ B& n1 |; m- .exam{
( m, n: t8 y7 _3 I: h5 U* g6 `# R - width: 150px;
; P+ R- f( r l! y/ E' a6 W - height: 150px;
. n5 F, J+ ^+ f2 p6 a# k* }% Z - max-width: 100%;
+ c/ `& Y6 H& t3 t" ?/ P - background-color: #eb9700;
4 }- Y9 R- W7 p2 P c1 Z$ W2 g - display: flex;3 X4 {4 [ `+ @4 _; H+ |( V
- align-items: center; /*渡蔭銝*/
* M, _5 p9 a, `$ V- T8 u' ?" H - justify-content: center; /*瘞游像蝵桐葉*// {. z1 ?5 s. m, Z* k. j
- }
銴鋆賭誨蝣 |
|