? ?? ?? ?????: https://codepen.io/allen-houng/pen/XGMjMr?editors=1100#0
???
?? div? ? ?? ?? div(???? ??)? ????. ??? ??? ???? ??? ??? ?????. ?, ??? ???? ???? ?????. JavaScript ?? ??? ??? ?? ?? ?? div .description
? ??? ??? ??? ? ????
?, ??? ??????
??? ?????:
??? ??? 100%? ??? ??? ? ????. ??? ?? ?????? img ??? ??? "width:100%;"? ?????.
????? inline-block
(或任何收縮配置,如 table
、inline-grid
、inline-flex
、float
、absolute
等),然后強(qiáng)制文本寬度為 phpcnc phpcn0 所以容器的寬度是由圖像定義(文本不影響寬度),然后使用 min-width
再次強(qiáng)制寬度為 100%