对于所有默认输入,您填写的文本从左侧开始。怎么让它从右边开始?
当前回答
没有CSS: 使用文本输入的STYLE属性
风格= " text-align:权利;"
其他回答
在你的CSS中试试这个:
input {
text-align: right;
}
要使文本在中间对齐:
input {
text-align: center;
}
但是,它应该是左对齐的,因为这是默认的-并且看起来是最用户友好的。
在CSS中使用text-align属性:
input {
text-align: right;
}
这将在页面的所有输入中生效。 否则,如果你只想对齐一个输入的文本,设置样式为inline:
<input type="text" style="text-align:right;"/>
如果你想让它在文本失去焦点后向右对齐,你可以尝试使用方向修饰器。这将显示文本在失去焦点后的正确部分。例如,如果你想在一个大的路径中显示文件名,这很有用。
输入。rightAligned { 方向:ltr; 溢出:隐藏; } input.rightAligned:没有(焦点){ 方向:rtl; text-align:左; unicode-bidi:明文; 文本溢出:省略; } < >形式 <input type="text" class=" rightalign "name ="name" value=""> . > < /形式
not选择器目前得到了很好的支持:浏览器支持
以下方法可能对你有用:
<style>
input {
text-align: right !important;
}
textarea{
text-align:right !important;
}
label {
float: right !important;
}
</style>
引导5现在class="text-end":
<link href=“https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css” rel=“stylesheet” integrity=“sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC” crossorigin=“anonymous”> <input step=“any” id=“myInput” type=“number” class=“text-end”>
. 参考网址:https://getbootstrap.com/docs/5.0/utilities/text/#text-alignment
推荐文章
- 在输入type="number"时禁用webkit的旋转按钮?
- 如何在另一个元素之后添加一个元素?
- 我如何有效地解析HTML与Java?
- “ ”和“”有什么区别?
- 如何使用JavaScript代码获得浏览器宽度?
- 防止滚动条增加到Chrome页面的宽度
- 使用图像而不是单选按钮
- 将RGB转换为白色的RGBA
- 我可以嵌套一个<按钮>元素内< >使用HTML5?
- 设置TextView文本从html格式的字符串资源在XML
- 为什么我的球(物体)没有缩小/消失?
- Twitter Bootstrap 3 Sticky Footer
- CSS在特定的“内联块”项之前/之后换行
- 很好的初学者教程socket.io?
- 内嵌CSS有什么不好?