📜  如何在 HTML 中对齐占位符文本?

📅  最后修改于: 2021-10-29 03:59:37             🧑  作者: Mango

placeholder 属性指定了一个简短的提示,用于描述输入字段/文本区域的预期值。在用户输入值之前,简短提示会显示在字段中。在大多数浏览器中,占位符文本通常左对齐。选择器使用 text-align 属性来设置占位符中的文本对齐方式。
此选择器可以将浏览器更改为浏览器。例如:

  • 对于 Chrome、Mozilla 和 Opera 浏览器:
    ::placeholder
  • 对于 Internet Explorer:
    :-ms-input-placeholder

示例 1:此示例仅描述占位符对齐,不对齐占位符值。



    
        Change Placeholder alignment
        
    
    
        

GeeksforGeeks

        

Placeholder Text Alignment

        

Center Aligned


                   

Right Aligned


                   

Left Aligned

                         

输出:
空值

示例 2:本示例描述了占位符和占位符值的对齐。



    
        Change Placeholder alignment
        
    
    
        

GeeksforGeeks

        

Placeholder Text Alignment

        

Center Aligned


                   

Right Aligned


                   

Left Aligned

                         

输出: