对于所有默认输入,您填写的文本从左侧开始。怎么让它从右边开始?
当前回答
没有CSS: 使用文本输入的STYLE属性
风格= " text-align:权利;"
其他回答
在CSS中使用text-align属性:
input {
text-align: right;
}
这将在页面的所有输入中生效。 否则,如果你只想对齐一个输入的文本,设置样式为inline:
<input type="text" style="text-align:right;"/>
给你:
输入[type=text] {text-align:right} < >形式 <input type="text" name="name" value=""> . > < /形式
@Html。TextBoxFor(model =>模型。IssueDate, new {@class = "form-control", name = "inv_issue_date", id = "inv_issue_date", title = "Select Invoice开票日期",placeholder = "dd/mm/yyyy", style = "text-align:center;"})
如果你想让它在文本失去焦点后向右对齐,你可以尝试使用方向修饰器。这将显示文本在失去焦点后的正确部分。例如,如果你想在一个大的路径中显示文件名,这很有用。
输入。rightAligned { 方向:ltr; 溢出:隐藏; } input.rightAligned:没有(焦点){ 方向:rtl; text-align:左; unicode-bidi:明文; 文本溢出:省略; } < >形式 <input type="text" class=" rightalign "name ="name" value=""> . > < /形式
not选择器目前得到了很好的支持:浏览器支持
引导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
推荐文章
- 使伸缩项目正确浮动
- 如何取消最大高度?
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何选择在最后一个子元素之前的元素?
- 如何触发自动填充在谷歌Chrome?
- CSS变换,锯齿边缘在铬
- 创建圈div比使用图像更容易的方法?
- 强迫孩子服从父母的弯曲边界在CSS
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在CSS中@apply是什么?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?