HTML中给了body,h1,p{padding:0;margin:0;},可段落间的空行还在,怎么去掉

<html>
<head>
<meta http-equiv="content-type"content="text/html;charset=UTF-8"/>
<title>无标题文本</title>
<style type="text/css">
/*全局CSS设置*/
html,p,body,h1{margin: 0 auto; padding:0; border:1px solid red;}
body{font-size:13px; font-family:"宋体";}
</style>
</head>
<body>
<div class="news">
 <h1>《当图书成为武器》</h1>
<p>……</p>
<p>……</p>
</body>
</html>

h1,p {
display:inline-block;
}追问

改了,还是有

<style type="text/css">

  /*全局CSS设置*/

  p,body,h1{margin: 0 auto; padding:0;display:inline-block;}

  body{font-size:13px;border:1px solid blue;}

  </style>

追答

把p标签换成span试一下。再看看文本是不是本身有换行?

温馨提示:内容为网友见解,仅供参考
第1个回答  2016-08-08
最好贴上代码

HTML中边框border:none;已经设置,但是还有空隙,还如何消除啊???_百...
你在css里面设置border:0;margin:0;padding:0; 一般就可以了,当然,如果你已经设置了margin值或者padding值的话,对应的调整一下左边距或者左填充就行了~

html页面多出一部分空白的怎么消除
图一:现在所示的是有边距的情况。图二:在head标签中加入“<style> body,p{margin: 0;} <\/style>”后的情况 总结:html标签很多都有默认元素,需要一开始就重写这些元素的外边距或者内边距;例如:*{margin:0;padding:0}

为什么div之间会有空间我设置的margin和padding为0的
回答:这堆代码看不出什么问题,你可以用360浏览器的代码查看工具(F12)或者火狐浏览器的firebug插件查看页面代码样式,看看是否调取了其他样式

怎么去掉div的relative定位造成了空白边缘
你的空白是 body 产生的,把 body 的 margin 和 padding 设置成0就行了。<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"><html xmlns="http:\/\/www.w3.org\/1999\/xhtml"><head><meta http-equiv="Content...

div布局后 元素之间有空行 如何去除?
第一种方法:<!doctype html>文档声明不规范 不需要修改css,只需要更换声明为:<!DOCTYPE HTML PUBLIC "-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/html4\/loose.dtd"> 即可 第二种方法:把图片设置为块级元素 img{ display:block; } 第三种:img {vertical-align:...

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

如何去掉段落间的空行?
把光标移到下面段落的开头,点擦除键,就是删除键Backspace,点一下往上移一行,直到你满意为止。

网页怎么去掉四周的白边,body,html的margin,padding都设为0了。
body{margin:0px;padding:0px;} 这样的话就是body和浏览器的四边没有空白了啊。估计你的空白是应为body的内容和body之间的有margin或者padding 你把body里的最外层的元素加个边框看看和body之间有没有间隙。

HTML中做的表格为啥填充 间距 边框 三个都设置为0了,表格内部行与列之间...
是因为图片没有填充满格子,试试看类似这样:<!DOCTYPE html><html><head><\/head><body><div style="width:985px; margin:auto; padding:0;"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33%"><img width="100%" src="GotJobButton...

html里h标签,怎么样去掉上下的换行
将h标签设定成内联方式(inline)就行了。例如:<!doctype html><html> <head> <meta charset="utf-8"> <title><\/title> <style> .hh { display: inline; } <\/style> <\/head><body><h1>这是一行文字,自动换行<\/h1><h1>这是一行文字,自动换行<\/h1><h1 class=...

相似回答