首页 > 代码库 > css pre标签
css pre标签
浏览器:firfox49.0.2
在使用<pre>标签输出格式化文本的时候,遇到了一个小问题. 要在页面的底部输出两行文本,但是最后一行的文字总是距离屏幕的底部太大.下面图中的样子:
相关的代码:
1 <footer> 2 <div class="navbar-fixed-bottom"> 3 <pre class="text-center" style="margin-bottom: 0px;"> 4 住着抠门的老翁 5 email : 422615924@qq.com 6 </pre> 7 </div> 8 </footer>
刚开始以为是div和pre标签的样式导致的,所以通过下面的调试器查看了一下:
并没有发现pre.text-center的样式有其对应的样式规则.后来通过盒模型查看了一下,才发现原来是pre标签内文本的空格行导致的.将代码改成如下:
1 <footer> 2 <div class="navbar-fixed-bottom"> 3 <pre class="text-center" style="margin-bottom: 0px;"> 4 住着抠门的老翁 5 email : 422615924@qq.com</pre> 6 </div> 7 </footer> 8 </body>
浏览器查看网页:
解决问题.
css pre标签
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。