撠文嗆舐雯蝡撣摮銵,詆SS∟身摰甇撣豢靘蝮桀,敶Z敶,脰霈雿輻刻擃撽銝雿喟銝臬蔣,甇斗撠梢閬寡:
+ Q! q1 G$ v( ^& z- Q3 z: p/ Y
; `5 V# j4 m1 [- 甇撣豢靘蝮桀/ \4 A( c* Y. e3 J, Z* S4 o
" V3 I/ G1 [+ X9 L
- img {- x3 E- `2 h- o3 j
- max-height:200px; /*甇方隞交憭折摨衣箔*/
; Q) a- y7 a( D, J' E, ~, ~ - width:inherit;3 [( a- S4 O2 r3 l; g" t
- height:expression(document.body.clientHeight>200?"200px""auto");/*亙擃200px撠梯矽*/
0 ?2 j! i* x# J: a/ p1 b - overflow:hidden; /*頞銝憿舐內*/ t' h7 z" N! ~1 f- X7 j7 E9 \) x
- }
銴鋆賭誨蝣 9 V g+ N/ d$ t* z; |1 s- N c A
6 ?; {, f, |1 O$ d5 E0 B敺憭寞,雿桀箸迫雿輻 Flexbox寞舀蝪∪桃孵7 m8 x8 H( J( E/ h9 c- Q0 w/ h5 j4 f
摰銋質鋆⊿Y芷拇憭X
; g# U5 G; y+ E6 w; Y函寞敺蝪∪殷芾冽憭撅文蝢拙末隤瘜撠梯賭蝙- }! J) J; [7 c# `0 X; @' v' N& n
0 u& d5 W i3 W
html隤瘜, S( l% o0 V; z5 D8 d
- <div class="exam">
' G+ d$ [/ X8 l- L) }' ]& e9 X - <img src="頝臬">
1 D, L/ W, z7 ~. @8 B, e - </div>
銴鋆賭誨蝣 css隤瘜
$ s/ z( [; |4 j% { a0 W( O- .exam{
4 }7 O4 T# s& Q+ q - width: 150px;
! X0 w% x( x( O6 [' L/ j( L - height: 150px;
1 h2 V$ G+ z H$ U1 d1 ~ - max-width: 100%;7 p' z& }; N+ Z; I
- background-color: #eb9700;
& q9 \5 u! S3 V, D7 X4 o+ G - display: flex;) w1 z: b" o4 e3 h# v1 z6 M
- align-items: center; /*渡蔭銝*/
: g# l3 M( l8 T - justify-content: center; /*瘞游像蝵桐葉*/
' H8 _. y/ H) l6 M! L: W. S - }
銴鋆賭誨蝣 |
|