css宽度和文字一样宽的属性

html-css019

css宽度和文字一样宽的属性,第1张

新建一个html文件,命名为test.html,用于讲解css如何使每个字符宽度一样。

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文件,查看实现的效果。

里面写个空白图片就可以了,比如

密<img src="images/beg.gif" width="10" height="1" >码

beg.gif 做成透明图片