程序员

DreamWeaver中css代码不换行显示怎么实现?

作者:admin 2021-04-14 我要评论

DreamWeaver中使用css样式时,应用了源格式就会一个属性在一行显示,整个页面就会十分庞大,看上去很吃力,想要让css中的代码不换行显示该怎么实现呢?下面我们...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

DreamWeaver中使用css样式时,应用了源格式就会一个属性在一行显示,整个页面就会十分庞大,看上去很吃力,想要让css中的代码不换行显示该怎么实现呢?下面我们就来看看详细的教程。

软件名称:
Adobe Dreamweaver CC 2017 v17.0 中文版(附安装教程) 64位
软件大小:
758MB
更新时间:
2016-11-05立即下载

1、首先,我们打开自己电脑上的Dreamweaver软件,然后打开一个css文件。

2、然后,我们点击软件最上方的一行选项中的“编辑”选项。

3、点击之后,有下拉菜单出现,我们选中最下面的“首选项”选项,进入到首选项的设置中。

4、在首选项的左侧分类栏中有很多选项,我们选择“代码格式”选项。

5、然后我们选择“高级格式设置”中的css按钮,设置css代码的格式

6、可以看到css源格式选项。默认情况下,“每个属性位于单独的行上的前面是有对勾的,我们需要将对勾去掉。可以对比一下去掉对勾之前和之后的效果、

7、然后我们点击“确定”,再点击“应用”就可以了。

以上就是DreamWeaver设置css中不换行显示的教程,希望大家喜欢,请继续关注脚本之家。


原文链接:https://m.jb51.net/Dreamweaver/599849.html

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 四两拨千斤——你不知道的VScode编码Ty

    四两拨千斤——你不知道的VScode编码Ty

  • 我是如何在 Vue 项目中做代码分割的

    我是如何在 Vue 项目中做代码分割的

  • position:sticky 粘性定位的几种巧妙应

    position:sticky 粘性定位的几种巧妙应

  • 从零到一搭建React组件库

    从零到一搭建React组件库