在网页中,有时需要编写多行带图片带文字带间距模块,就像下面这样:
这是一个使用dl dt dd编写的,而dl之间的间距我们通常是先使用float浮动,然后再用margin-left或者margin-right来进行处理,最后再对头或者尾淡出处理,这样会比较麻烦,如果我们使用margin-right进行处理,再对每一行右侧超出的部分进行隐藏就可以了。
1、将需要进行超出的margin部分进行隐藏的一整段代码使用div0包裹住
2、对div0设置宽高,这里的宽高是包括超出的margin部分,这时候显示出来的依然会换行
3、对div0的父元素设置overflow:hidden