除非输入文本,否则不显示跨度的宽度和高度

Question

我有一个<span id="some"></span>和css是

#some{
      background-color:#000; width:150px; height:50px; 
}

除非输入内容,否则宽度和高度不会显示.我怎样才能解决这个问题？

Answer 1

span是一个内联元素,所以不告诉浏览器它的display属性就像block你做的那样不会有用.

简而言之:

#some{
  background-color:#000; 
  width:150px; 
  height:50px; 
  display: block;
}

希望它有所帮助,思南

Answer 2

你不能给内联元素赋予高度/宽度,它的大小由它的内容决定,但你可以这样给它display: inline-block;:

#some{
  background-color:#000; width:150px; height:50px; display: inline-block;
}?

在这里看一个例子,请注意IE7在某些情况下特别不会处理这个问题,所以 display: block;会在那里工作(但老实说,为什么不只是使用<div>当时？)...但请记住inline-block在流程中,而block踢一切一条线.