【问题标题】:Mobile website h1 title padding error移动网站 h1 标题填充错误
【发布时间】:2015-04-17 16:04:45
【问题描述】:

我正在建一个移动版的网站,当我为一个H1标题设置背景图片时,显示的结果只会考虑“文字高度”,而不是图片高度,用css设置。

有什么线索吗?!

谢谢!

编辑:我尝试了 float:left、display:block、overflow:hidden、display:inline-block 但到目前为止都没有工作...

编辑 2:代码是

<h1>My title my title my title my title my title</h1>

h1{width:400px;height:300px;background:url(h1pic.jpg) top left no-repeat;padding:15px;font-size:12px;display:block;}

【问题讨论】:

  • h1 有填充还是边距?
  • 请添加你的代码的一部分,没有它很难帮助你。
  • 是的,h1 有一个填充
  • 您是否要在图片前面显示文字(图片为 400x300)?
  • jsfiddle.net/jcedric/coo7tbyL 看看这个,如果它有你想要的效果,请告诉我。

标签: html css mobile title


【解决方案1】:

好的,我找到了答案:不设置高度和宽度。此外,不减去顶部和底部填充的高度!

感谢您的回答!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-25
    • 2021-09-16
    • 2011-04-11
    • 1970-01-01
    • 2010-09-21
    • 2018-09-08
    相关资源
    最近更新 更多