html页面多出一部分空白的怎么消除

html页面多出一部分空白的怎么消除,第1张

html页面出现空白的原因很多。下面举一个空白的例子:

例子:

图一:现在所示的是有边距的情况。

图二:在head标签中加入“<style>       body,p{margin: 0}  </style>”后的情况

总结:html标签很多都有默认元素,需要一开始就重写这些元素的外边距或者内边距;例如:*{margin:0;padding:0}

用Dreamweaver打开现有html文档

依次点击 编辑 ->首选参数;

英文版则是 Edit ->Preferences

在d出的对话框中点击“代码格式”

1、缩进:有“空格”和“Tab键”两种选项,这里我设置为2个空格;

2、制表符大小:4;

3、换行符类型:CR LF(Windows);

4、默认标签大小写:小写;

5、默认属性大小写:小写;

余下的选项使用默认设置,点击“确定”保存。

依次点击工具栏 命令 ->应用源格式;

英文版为Commands ->Apply Source Formatting

如果是最先开始写的第一个DIV的话那就是BODY的margin,设置为0就可以了。如果不是第一个DIV,那有可能是这一个DIV的margin-top,也有可能是上一个的margin-bottom。建议按照相应情况进行修改。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7664347.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存