html - Bootstrap 3 - 与 pull-right 一起垂直对齐

标签 html css twitter-bootstrap

http://moorparksdevon.uk 的页脚上我有一些文字和图像。 我已将图像与右拉对齐,但很难垂直对齐文本。无论我尝试什么,它都不会在不推出其他元素的情况下垂直对齐。

请给我一些正确方向的指示?

<div id="footer" style="height: 45px;">
    &#169; Moorparks 2017 - Holiday cottages in North Devon
    <a href="http://facebook.com/moorparks"><img src="<?php echo get_template_directory_uri(); ?>/img/findusonfb.png" class="pull-right" /></a>
</div>

最佳答案

  • line-height: 25px; 添加到 div#footer(45px页脚高度 - 10px padding-顶部 & 10px 底部 = 25px)

enter image description here

关于html - Bootstrap 3 - 与 pull-right 一起垂直对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42034193/

相关文章:

css - 我如何用 div 包装 Bootstrap 列?

javascript - 如何将 Stripe 支付库与 HTML/JS 中单选按钮选择的多个按钮结合起来

html - CSS 链接悬停不适用于图像

android - 在 android 上的 html5 视频标签中禁用默认的丑陋海报图像

css - 过渡在 Opera 中不起作用

css - JavaFX:文本区域背景颜色错误

javascript - 我是否应该将 _TrackPageview 代码段添加到 <a> 标记或单击链接时触发的 JavaScript 容器中的某个位置?

html - Angular 6 IE 样式内联

javascript - Bootstrap Collapse 不会自动折叠

html - 删除水平滚动