DIV内部出现空白

我对CSS非常陌生。我正在创建一个DIV，并以某种方式将文本显示在DIV的中间。文本的第一行上方出现一个白色空格。我也提供了我为这个DIV编写的CSS。DIV内部出现空白

CSS代码

#CONTAINER { 

    float: left; 
    height: auto; 
    padding-top: 0; 
    border: 1px solid black; 
    vertical-align: top; 

} 

#CONTAINER p { 
padding: 0; 
margin: 0; 
vertical-align: top; 


}

这里是链接到页面。请参考最新新闻 [请在此输入链接描述] [1]

来源

2014-04-12 user3527763

也发布您的HTML。 – j08691

除了发布你的标记，你可以做一个[JSFiddle]（http://jsfiddle.net/）。 – ajp15243

'vertical-align'将不会在这个CSS上工作，除非你设置'display：table-cell;' –

在你的“最新消息块，”有你的文字是在是推动一切下降的div之外的h2元素。

<div id="block-nodeblock-21" class="block block-nodeblock"> 

    <h2>Latest News Block</h2> <!----this guy--> 
    <div class="content">

的元素是不可见的，因为你设置visibility:hidden，但是这并没有从页面删除它，所以它仍然影响着周围的一切的位置。为了使之真正隐藏的，可以

移除或
设置display: none;

来源

2014-04-12 22:03:14 David

请注意'h2'具有'visibility：hidden;'。这将使元素的内容不可见，但*不会将其从布局*中移除。这会导致元素仍占用其所有边距/填充/等所需的空间。 'h2'或者需要被删除，或者设置为'display：none;'。 – ajp15243

请告知应该用什么CSS来纠正它。谢谢 – user3527763

@ user3527763看到我的评论就在你的上面。 – ajp15243

首先，我们需要您的HTML，但也请记住P标签默认添加了自己的空白尝试 - 为您的填充值下

#CONTAINER p

来源

2014-04-12 21:47:59 bensonsearch

这是可能的，那在div之外，您在“文本对齐”属性的值设置为“中央”。出于兴趣，这是否发生在任何其他浏览器？

来源

2014-04-12 22:53:30 Ben

DIV内部出现空白

回答

相关问题