<!DOCTYPE HTML><HTML lang="en"> <head> <Meta charset="utf-8"> <Title>Test</Title> <link type='text/CSS' href='https://Fonts.GoogleAPIs.com/CSS?family=Cantarell:700,400' rel='stylesheet'> <link type='text/CSS' href='https://Fonts.GoogleAPIs.com/CSS?family=Play:700,400' rel='stylesheet'> <link type="text/CSS" href="./myCSS.CSS" rel="stylesheet"> </head> <body> <div > <h1>Title</h1> </div> <div > <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <p>Blah Blah Blah</P> <div ID="nextPage" > <a href="https://www.Google.com">Next</a> </div> </div> </body></HTML>
由这个CSS设计的样式：
body { height: 100%; wIDth: 960px; min-height: 550px; max-height: 1080px; margin: 20px 60px 40px 20px; padding-left: 10px;}.page-Title h1 { height: 55px; Font-family: "Play"; Font-size: 38px; Font-weight: 700;}.page-content { Font-family: "Cantarell"; Font-size: 16px; Font-weight: 400; wIDth: 650px; text-align: justify;}.next { Font: 23px "Play"; position: relative; margin-left: 605px; margin-bottom: 25px;} 有没有办法使用跨浏览器兼容的CSS为< div>的顶部和底部添加一些空格？下一节课？目前,无论我给它的边缘底部属性多少,“下一个”链接与Blah Blah Blah最后一次之间的差距没有变化,并且链接之间的空间很小和页面的底部.
解决方法 使用填充顶部和填充底部来创建空白区域.例如：
.next { Font: 23px "Play"; position: relative; margin-left: 605px; padding-top: 300px; padding-bottom: 300px;} 将在“下一个”链接的顶部和下方添加300像素.
总结以上是内存溢出为你收集整理的html – 在div的顶部和底部添加空格全部内容，希望文章能够帮你解决html – 在div的顶部和底部添加空格所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）