html中li右对齐的方法

负责的系统中有一个横向的菜单栏，七八个项挨个排在一起，是一个个<li>的结构。今天想在这个菜单栏里增加一个”帮助“链接，因为功能的分类不同，所以希望这个帮助链接虽然也在菜单栏中，但希望它能靠在右边，而不是紧挨着前面的几项。可是在新增的<li>中不管怎样设置样式都不行，还是一直挨着前面几个，如下图：

想来想去，<li>再怎么变也是被限制在<ul>里面的，所以就想到了对<ul>做点手脚，于是乎，在原来的<ul>后面再加了一个<ul>，并且把这个”帮助“的<li>放在新的<ul>中，然后对这个新加的<ul>设置一下右对齐的属性，就OK了~

代码如下：

<div class="navbar-inner"><ul class="nav"><li>...</li><li>...</li>...</ul><ul class="nav pull-right"><li><a href="help.html"><i class="icon-question-sign icon-white"></i> 帮助</a></li></ul>
</div>

html中li右对齐的方法相关推荐

html中把句子往右边弄一点咋办,CSS上的左，中，右对齐方法，可以在一行上混合...
一种用CSS以左对齐/中心对齐/右对齐方式显示用HTML编写的句子的方法在用"从左到右书写的语言"(如日语和英语)中编写的HTML中,除非指定了字符移位方向,否则句子左对齐显示. ...
具有左，中或右对齐项的Bootstrap NavBar
本文翻译自:Bootstrap NavBar with left, center or right aligned items In Bootstrap , what is the most plat ...
MathType不能正常右对齐解决方法
使用Word文档写论文时,将MathType公式从从一个文档复制到另一个文档后发现插入的右对齐公式在新文档中不再右对齐,查阅网上资料整理一些解决方法如下.其不对齐现状如图, . 官方给出的原因修改页 ...
c++中实现域内，左，右对齐的方法
需要包含头文件实现域内左对齐 int main() {cout.setf(ios::left);//for (int i = 0; i < 5; i++)cout << setw( ...
python中右对齐_python中如何右对齐-问答-阿里云开发者社区-阿里云
例如,有一个字典如下: dic = { "name": "botoo", "url": "http://www.123.com&q ...
python中对字符串进行左、中、右对齐操作
python中对字符串的对齐操作一般有两种方式,具体如下: 1. ljust().rjust() 和 center()函数分别表示左对齐.右对齐.居中对齐 str.ljust(width[, fill ...
android中按钮右对齐,在Android中左右对齐双按钮布局
我想将两个按钮与线性布局对齐,一个在左侧,一个在右侧,如图库中的下一个和上一个按钮.我试图调整它们但它不起作用. XML布局代码: android:layout_width="fill_pa ...
word 公式编号右侧对齐_写论文要求公式居中编号右对齐的方法
非常实用,推荐给大家 1,输入公式和序号,公式和序号之间加入"#"符号 2.把光标放到公式的最后(一定要在公式内),然后按下"enter"键,即可完成公式居中并 ...
word中公式后面标号右对齐
版权声明:本文为博主原创文章,转载请标明链接. https://blog.csdn.net/zaishuiyifangxym/article/details/81709319 </div> ...

html中li右对齐的方法

html中li右对齐的方法相关推荐

最新文章

热门文章