下拉菜单 – twitter引导问题:右键单击下拉菜单中的插入符号
发布时间:2020-12-18 00:21:07 所属栏目:安全 来源:网络整理
导读:我有一个与插入符号正确对齐的问题.在范围内使用.pull-right可以将其转到右上角. 如何使其垂直居中? 我也想把文本对准左边 http://www.bootply.com/r8x7g5Bw5R div class="btn-group cust-dropdown" button type="button" class="btn btn-default dropdown-
我有一个与插入符号正确对齐的问题.在范围内使用.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来将文本对齐到左侧. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |