我在我的 Web 应用程序中为文本框实现了自动完成功能。 这里的问题是我的文本框的宽度为 100px。加载指示器是在用户开始输入文本框时添加到文本框的背景 CSS。
我希望加载指示器位于页面的最右侧。
但由于指示附加到文本框(宽度 = 100 像素),加载指示器保留在其中。
请告诉我如何将加载指示器放在最右边。
最佳答案
Demo Jsfiddle
一种选择是将元素包装在包装器 div
中,然后使用 :after
伪选择器添加您的加载指示器(只是文本 image
在演示中,将其替换为 ''
并使用 background-image
以及 height
和 width
).这两个示例显示了在右侧输入内或整个页面右侧的对齐。
HTML
<div class='wrapper'><input type='text' /></div>
<br>
<div class='wrapper'><input type='text' /></div>
CSS
html, body{
position:relative;
width:100%;
padding:0;
margin:0;
}
input{
width:100px;
}
.wrapper{
display:inline-block;
}
.wrapper:first-child{
position:relative;
}
.wrapper:after{
position:absolute;
content:'Image';
right:0;
}
关于javascript - 加载指示器自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22150898/