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中文网其他相关文章!