1. 程式人生 > >CSS文字超出字數變...

CSS文字超出字數變...

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style rel="stylesheet">
        h2{
            width: 12ch;
            overflow: hidden;
            white-space: pre;//nowrap也可以,使文字不換行。
            text-overflow: ellipsis;//省略號代替被修剪的文字
        }
    </style>
</head>
<body>
<h2>這是一片寧靜的天空</h2>
</body>
</html>

在這裡插入圖片描述