撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Ｚ敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:
8 I5 ~# V0 r8 {
1 H- l$ A2 ~! @$ B' W, U# c, X" x+ b# k
- img {2 w4 \. [, V: x7 p' `
- max-height:200px; /*甇方隞交憭折摨衣箔*/4 |* W: ]3 [: Y" L% u
- width:inherit;
' [- d* J7 V: m - height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/ [" F+ J+ G% l c
- overflow:hidden; /*頞銝憿舐內*/1 m; e( Q, n5 X4 a* v- _
- }
) _' ^" C9 [( G0 g, y1 a: ~4 {" U3 p
敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵% A5 u: {% r C8 k6 E- u6 @2 ]
摰銋質鋆⊿Ｙ芷拇憭Ｘ$ E# N3 R: m R
函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙
& J; i) A4 t7 g! |2 J3 \5 E; E+ f# w5 k2 s
html隤瘜
' e4 q$ p8 z7 J" {7 @9 l3 g- <div class="exam">
( i9 O2 G3 q2 {, y0 Q& E3 q! a. Y - <img src="頝臬">" f. N- V0 \: A- O. e/ g/ g+ b
- </div>
+ |9 ?4 h8 T, g- f( d+ G- .exam{
0 B% M& U$ v2 H& [0 G - width: 150px;) X/ v# n! ]$ O$ q7 U, D B1 r
- height: 150px;
: J4 v9 j% C1 f1 {$ J - max-width: 100%;( z) y3 ?% V* ?5 [; B p$ @8 N
- background-color: #eb9700;, [1 u- |& u2 u
- display: flex;
/ r: a4 W L" w7 |3 j/ | - align-items: center; /*渡蔭銝*/
9 f7 U8 {- K1 w' i! ~ x) m. w; U) w5 t - justify-content: center; /*瘞游像蝵桐葉*/% K8 r9 z, d0 s0 y) x
- }
|
|
潸” 2018-3-25 21:06:12
嗉
鈭
霈
