1,如何让网页中添加的banner居中

你的表述不是很清楚,建议你在没有办法的时候使用表格。如果需要所有的内容都居中,在<body>代码后面加<center>在</body>前加</center>

如何让网页中添加的banner居中

2,banner图宽高固定宽度远大于屏幕宽度时居中的办法

假设当前页面有一个banner,图片宽度有1920px,页面内容宽度1200px,需要banner图占满屏幕的左边和右边。但是用户的屏幕并不固定,有1200的也有1920甚至2000+分辨率的。 如上写法,img的100%必定会导致像第一张图的变形,因为用户的屏幕宽度并不同。 此时想要将banner图居中且图片不变形的话,需要如下写法 当屏幕宽度小的时候,图片居中显示,边缘被隐藏: 当屏幕宽度大的时候,边缘会显示banner的背景色,可以把背景色改成与图片背景相似的颜色,减少不协调感: 完毕。

banner图宽高固定宽度远大于屏幕宽度时居中的办法


文章TAG:网站banner怎么居中  如何让网页中添加的banner居中  
下一篇