2
/6
在test.html文件内,使用div标签创建一行字符,用于测试。
3
/6
在test.html文件内,设置div标签的class属性为strdiv,用于下面设置样式。
4
/6
在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。
5
/6
在css标签内,通过class设置div的样式,定义其宽度为200px,背景颜色为灰色,并将text-align属性设置为justify,text-align-last属性设置为justity,实现每个字符宽度一样。
6
/6
在浏览器打开test.html文件,查看实现的效果。
CSS 使文字固定宽度,首先我们需要给包裹文字的这个元素一个width和height,如果是行级元素的话,需要使用display:block,改成块级元素,然后在设置宽高就行,请看代码:<html>
<head>
<style>
#div1{
width:300px
height:30px
font-size:13px
}
</head>
<body>
<div id='div1'>
<p>我是测试文字</p>
</div>
</body>
</html>