注意:这里的图片宽度是固定的,而不能随意宽度!
要实现图片固定,文字不限制宽度的自适应,那么有两种使用padding的方法。
一、padding在容器上:
css左右,css 小票模板,div css经典样式,css显示宽度和高度,在css调节字大小,vue中使用ionic.css,css3 动画 jquery
原理如下:容器有个固定的padding-left值,此时图文应该在120px处显示,但是,由于图片margin负值浮动(或者绝对定位)到容器左上角,因此,文字就从容器的左上角120px处开始显示,避过图片区域,文字宽度不限,造就自适应!
二、对文本进行padding:
css左右,css 小票模板,div css经典样式,css显示宽度和高度,在css调节字大小,vue中使用ionic.css,css3 动画 jquery
原理:两栏元素均有自己的标签,其中文字栏有个固定的padding-left值,此时文字应该在距离容器左上角120px显示,但是由于图片浮动(或者绝对定位,不在流中,因此文字….