CSS实现表单文字对齐方式

label文字对齐方式

表单的对齐方式分为三种
1、左对齐(默认对齐方式,一般不需要)

"javascript:void(0)" method="post">
"text" name="" id="" value="" />
"password" name="" id="" value="" />
"email" name="" id="" value="" />

CSS实现表单文字对齐方式_第1张图片
这就是默认的对齐方式
2、右对齐方式:主要样式代码如下



结果为:
CSS实现表单文字对齐方式_第2张图片
此时,文本都是往右边对其,相对而言叫好看些,跟人们带来一种视觉上的美感
3、居中对齐:居中对齐相对于现在的生活中不是很常用,但是也是我们必须要知道的

label{
				/*居中对齐*/
				display: inline-block;
				width:300px;
				height: 40px;
				line-height: 40px;
				text-align: justify;
				text-align-last: justify;
			}

结果为:
CSS实现表单文字对齐方式_第3张图片

你可能感兴趣的:(CSS实现表单文字对齐方式)