Html 将输入元素放置在页面右侧
我在页面右侧放置两个元素时遇到一些困难。奇怪的是,类似问题的建议答案根本不起作用,或者给出的结果很差,但如果我使用更简单的元素,例如文本字段,大多数答案都是正确的 意见是: 以下是我所拥有的:Html 将输入元素放置在页面右侧,html,css,twitter-bootstrap,user-interface,Html,Css,Twitter Bootstrap,User Interface,我在页面右侧放置两个元素时遇到一些困难。奇怪的是,类似问题的建议答案根本不起作用,或者给出的结果很差,但如果我使用更简单的元素,例如文本字段,大多数答案都是正确的 意见是: 以下是我所拥有的: 输入,选择,文本区域{ 最大宽度:280px; 文本大小调整:自动; } 滤器 我假设您已将输入组设置为固定宽度,而不是默认的100%。否则,谈论定位是没有意义的 在任何情况下,引导都有一个pull right类,您可以使用该类将元素向右浮动。只需将其添加到您的第一个div 。输入组{ 宽度:300
输入,选择,文本区域{
最大宽度:280px;
文本大小调整:自动;
}
滤器
我假设您已将输入组设置为固定宽度,而不是默认的100%。否则,谈论定位是没有意义的
在任何情况下,引导都有一个pull right
类,您可以使用该类将元素向右浮动。只需将其添加到您的第一个div
。输入组{
宽度:300px;
}
滤器
试试这个:
<div class="input-group">
<span class="input-group-addon">Filter</span>
<input class="form-control" type="text" placeholder="Search text" ng-model="searchText">
</div>
你能多放点代码吗?多放点什么代码?哈哈,这么简单吗?我花了一上午的时间试图解决这个问题。非常感谢:)没问题!pull right
类是一个引导类,基本上就是float:right!重要的代码>。
.input-group-addon {
min-width:100px;
text-align:left;
}