首页手机软件手机游戏单机游戏资讯文章专题下载游戏合集文章合集 php下载 php教程电脑软件

+ -

当前位置：首页 → php教程>css超出部分如何设置省略号

css超出部分如何设置省略号

时间：2021-04-18

来源：互联网

在手机上看

手机扫描阅读

今天PHP爱好者给大家带来css超出部分设置省略号的方法：首先新建文档；然后在HTML的头部定义标签，引入一段内联的CSS样式；最后保存以上文件，并在浏览器预览即可。希望对大家有所帮助。

本教程操作环境：windows7系统、css3版，DELL G3电脑。

css超出部分设置省略号的方法：

首先，新建一个HTML文档，用于承载CSS

保存以上部分，并在浏览器预览效果，此刻是，并未引入CSS设置的效果

在HTML的<head>头部定义<style>标签，引入一段内联的CSS样式

对h1标签定义一段CSS，用于设置超出部分省略号显示，示例：

h1{
width: 300px;/*定义块元素的宽度*/
white-space: nowrap;/*内容超宽后禁止换行显示*/
overflow: hidden;/*超出部分隐藏*/
text-overflow:ellipsis;/*文字超出部分以省略号显示*/
}

保存以上文件，并在浏览器预览效果

以上就是css超出部分如何设置省略号的详细内容，更多请关注php爱好者其它相关文章！

相关阅读更多

今日更新

热门下载

更多

九州之都下载
休闲益智 76.10MB

下载
香肠杀安卓下载
休闲益智 71.05MB

下载
小枪抗大炮
休闲益智 33.39M

下载
米拉奇战记安装
棋牌卡牌 82.7MB

下载
黑豹地铁跑酷下载安装
动作格斗 31.37MB

下载
班主任模拟器版
模拟经营 30.93MB

下载
未来忍者机器人之战下载最新版
动作格斗 71.47MB

下载
快乐的动物园
策略塔防 105.6M

下载
疯狂的建筑手机版
休闲益智 45.80MB

下载
美食兄妹之法国餐厅下载安装
模拟经营 69.61MB

下载