我有一个与插入符号正确对齐的问题.在范围内使用.pull-right可以将其转到右上角.
如何使其垂直居中？
我也想把文本对准左边
http://www.bootply.com/r8x7g5Bw5R
- <div class="btn-group cust-dropdown">
- <button type="button" class="btn btn-default dropdown-toggle cust-dropdown" data-toggle="dropdown"><span class="caret pull-right"></span><span>test</span>
- </button>
- <ul class="dropdown-menu" role="menu">
- <li><a href="#">test</a></li>
- <li><a href="#">tes2</a></li>
- <li><a href="#">test3</a></li>
- </ul>
- </div>
和CSS
- .cust-dropdown {
- width: 200px;}
解决方法
只需在HTML中插入符号和跨度块：
HTML
- <div class="btn-group cust-dropdown">
- <button type="button" class="btn btn-default dropdown-toggle cust-dropdown" data-toggle="dropdown"><span id= "titl">test</span><span class="caret"></span>
- </button>
- <ul class="dropdown-menu" role="menu">
- <li><a href="#">test</a></li>
- <li><a href="#">test 2</a></li>
- <li><a href="#">test 3</a></li>
- </ul>
- </div>
CSS
- .cust-dropdown {
- width: 200px;
- }
- #titl {
- padding-right: 10px;
- }
您可以通过添加更多的padding-right来将文本对齐到左侧.