在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<style>#div1 {font-stretch:condensed;}
#div2 {font-stretch:expanded;}
</style>
</head>
<body>

<p><b>Note:</b> No browsers support the font-stretch property.</p>

<div>
Some normal text in a div element.
</div>

<div id="div1">
Some condensed text in a div element.
</div>

<div id="div2">
Some expanded text in a div element.
</div>

</body>
</html>

源代码

动行结果