怎么用CSS控制字符宽度

html-css019

怎么用CSS控制字符宽度,第1张

用CSS控制字符宽度:

letter-spacing 增加或减少白色的空间之间的字符。

脚本语法: object.style.letterSpacing = “ 3px ”

简单例子.

p

{

letter-spacing: 12px

}

p

{

letter-spacing: -0.5px

}

css2中有font-stretch这个属性设置字体宽度,对字体进行伸缩变形。

其属性值有:normal(默认值。把缩放比例设置为标准);

wider(把伸展比例设置为更进一步的伸展值);

narrower(把收缩比例设置为更进一步的收缩值);

ultra-condensedextra-condensedcondensedsemi-condensedsemi-expandedexpandedextra-expandedultra-expanded等

但目前主流浏览器都不支持这一属性。但也可以用JSP解决,

“object.style.fontStretch="ultra-expanded"

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>