td:after {
content: ':';
position: absolute;
}
td {
font-size: 14px;
width: 4em;
text-align-last: justify;
}
| 用户名 |
| 设置密码 |
| 确认密码 |
| 手机 |
| 邮箱 |
| 验证码 |
px是像素点（Pixel）
em是当前元素所使用的字体的大写英文字母M的宽度，之所以指定是M，是因为在比例字体中每个字母的宽度是不相等的（比如W和i的宽度就差别很大），而在等宽字体（比如汉字）中，每个字符的宽度是相等的，所以em就是字符的宽度（或者说是汉字宽度的一半）
rem则是页面根元素的字体宽度（r就是root，根），其他解释同上
px是一个绝对长度单位，就是说指定一个元素的宽度是100px，那么它的宽就固定为100像素；而em则是一个相对长度单位，比如说一个元素的宽度是4em，而这个元素的字体宽度为12px，则这个元素的实际宽度就是48px，而如果把这个元素的字体大小改为16px，则这个元素的实际宽度也自动变为64px；至于rem，是为了让这个页面所有使用rem作为长度单位的元素都可以随页面根元素（通常是指html或body）的字体大小而自动调整，这样的话只需要改变根元素的字体大小，就可以实现改变整个页面外观的目的，通常用于响应式页面布局。
第1个问题：你用.left a{}的话，你下面
work这里不要用class,
改成work，假如你要3段文字要分别定义的话，用class，但是写法就不是.left a{}，而是.work a{}，当然.left work a{}也行，如果你类work只用1次的话，选.work a{}，在其他地方也要使用，希望字体等的设置又所不同，你就用.left work a{}。
第2个问题：右下角，你可以定义p标签或者a标签都可以，不要用padding,padding是定义内部距离的。
This is a header!
.header p{margin-top：你的层高度-10px;float:right;}
This is a header!
.header a{margin-top：你的层高度-10px;float:right;}
如果你一定要单纯改变宽度，传统的CSS属性是没办法实现的，可知以借助CSS3的变形功能来实现，但是是针对标签进道行整体变化，而不是单纯针对字体（由于外部标签发生变形，内部元素一同发生变化，算是曲线救国吧），比如：
.change { width: 200px; transform: scaleX(1.2); }
整个div宽度会被放大1.2倍在HTML当中，能够使用CSS当中的回font-size控制字体大小（字体宽度会随着字体大小而改变），但是没有能够不管答高度而只改变字体宽度的属性。
对于文字和文字之间的间距可以使用word-spacing进行控制🎜
以上是如何在CSS中设置等宽字体的详细内容。更多信息请关注PHP中文网其他相关文章！
