【发布时间】:2023-03-11 08:03:01
【问题描述】:
我希望底部没有空间,我已经添加了 margin-bottom:0px;没有成功,我发现如果没有边框图像属性,空间就会消失......我该如何解决这个问题?
css code: .footer2 {
text-align: center;
display: block;
clear: both;
background-repeat:no-repeat;
/*css border completa*/
border-style: solid;
border-width: 32px 37px 40px;
-moz-border-image: url(../imgs/video_frame.png) 32 37 40 repeat;
-webkit-border-image: url(../imgs/video_frame.png) 32 37 40 repeat;
-o-border-image: url(../imgs/video_frame.png) 32 37 40 repeat;
border-image: url(../imgs/video_frame.png) 32 37 40 fill repeat;
border-collapse: separate;
border-spacing: 100px;
padding: 0px;
margin-bottom: 0px;
background-size:cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*padding: 1% 1.5%; */
width: 100%;
max-height:100%;
font-family: 'barthowheelregular';}
HTML: <div class="footer2 spacer5">
<h1 class="texto_footer">Minimon - Designed by <a href="http://schismatick.com/" class="texto_footer" target="_blank">Schismatick</a> - Copyright 2015</h1>
</div>
【问题讨论】:
-
* {padding-bottom : 0px, margin-bottom: 0px}
还要检查容器的高度 -
我之前尝试过,不起作用...奇怪的是,当我使用一个没有任何边框图像的简单 div 时,下面的空格消失了...
-
图像是 png 背景并添加了一些透明像素.. 呵呵。问题解决了:P
标签: html css twitter-bootstrap border-image