html – 文本与bootstrap的navbar-text pull-right无法正确对齐

前端之家收集整理的这篇文章主要介绍了html – 文本与bootstrap的navbar-text pull-right无法正确对齐前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我在html文件中有以下代码

 

我得到这样的输出:

请注意,“这是第二次通知”与其上方的行没有正确对齐.我试图让两个通知彼此正确对齐.

我也尝试删除< br />从上面的代码,但我得到以下输出:

有人可以指出我做错了什么吗?

JSFiddle:http://jsfiddle.net/N6vGZ/23/

最佳答案
两个段落在导航栏中没有正确对齐的原因是因为bootstraps提出的默认行高40px不允许它们都正确堆叠.您可以通过设置较低的行高来解决这个问题,像20px这样的东西应该可以解决问题.

注意:我在容器中包含了两个段落,我可以轻松地浮动并使用我自己的类进行定位,以免打扰周围的其他元素.

HTML

试试这个:

CSS

.notices p {
    line-height:20px !important;
}

演示:http://jsfiddle.net/N6vGZ/29/

原文链接:https://www.f2er.com/html/426166.html

猜你在找的HTML相关文章