css中文字超出部分如何用省略号代替

发布于 2022-04-28 12:08:57      浏览 375

css中文字超出部分如何用省略号代替

1.在打开Dreamweaver软件中,选择【文件】菜单。
2.在【文件】菜单下拉框中点击【打开】。
3.在打开对话框中,选择素材html文件,点击【打开】。
4.在编辑器顶部点击【拆分】。
5.在【拆分】按钮右侧点击下拉箭头,选择【实时视图】模式。
6.在div样式里插入css代码。

适用环境:

系统:win10
版本:Dreamweaver CC 18.0

问题解析:

1、 选择文件
在打开Dreamweaver软件中,选择【文件】菜单。
css中文字超出部分如何用省略号代替
在打开Dreamweaver软件中,选择【文件】菜单。
2、 点击打开
在【文件】菜单下拉框中点击【打开】。
css中文字超出部分如何用省略号代替
在【文件】菜单下拉框中点击【打开】。
3、 浏览文件
在打开对话框中,选择素材html文件,点击【打开】。
css中文字超出部分如何用省略号代替
在打开对话框中,选择素材html文件,点击【打开】。
4、 点击拆分
在编辑器顶部点击【拆分】。
css中文字超出部分如何用省略号代替
在编辑器顶部点击【拆分】。
5、 选择视图模式
在【拆分】按钮右侧点击下拉箭头,选择【实时视图】模式。
css中文字超出部分如何用省略号代替
在【拆分】按钮右侧点击下拉箭头,选择【实时视图】模式。
6、 插入代码
在div样式里插入css代码。white-space:nowrap;
overflow: hidden;
text-overflow: ellipsis;

css中文字超出部分如何用省略号代替
在div样式里插入css代码。

插件/素材:

点击下载

上一篇:返回列表 下一篇:pc页面在移动端查看如何等比缩放

相关推荐