【问题标题】:border-image without spacing on bottom底部没有间距的边框图像
【发布时间】: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


【解决方案1】:

我希望我理解正确,如果您希望减少 &lt;h1&gt; 元素下方但仍在 .footer2 div 内的空间,请尝试使用 line-height 属性。

【讨论】:

猜你喜欢
  • 2020-03-03
  • 2018-08-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多