html5有白边解决办法

最新推荐文章于 2023-12-21 15:09:43 发布

原创最新推荐文章于 2023-12-21 15:09:43 发布 · 2.7w 阅读

4 ·

CC 4.0 BY-SA版权

本文提供了一种简单的方法来解决HTML5页面底部出现白色边距的问题，并附带了一个全面的CSS初始化样式表，有助于开发者快速调整页面布局，消除浏览器间的显示差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html5有白边解决办法
html5底部有白边

给div或img加{vertical-align:bottom;display:block} 属性完美解决

另外附上一段html5初始化css

html5 css初始化 H5 css初始化

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,
form,fieldset,legend,button,input,textarea,th,td,section,p,span,font,div{margin:0;padding:0;font-family:"Microsoft yahei";color:#333;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:"Microsoft yahei";}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;color: #333;}
a:hover{text-decoration: underline;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}