如何让title在span中那带空格的值

您好，不同浏览器对像素的大小显示的效果是相同的，所以用<span>代替空格，能够精确设定空格的大小。在程序中，一般会遇到很多宽度不同的空格，如果都要用<span>，就要对<span>的样式编号，为了使<span>的样式清晰明确，我用像素的大小来编号，比如：

CSS：

span.bank2

{

padding-left:2px

}

span.bank5

{

padding-left:5px

}

span.bank15

{

padding-left:15px

}

这样，在给<span>选择class的时候就很明确。以下是实现方法：

html：

<label for="username">用户名：</label>

<label for="password">密<span class="bank15"></span>码：</label>

最好的方法是将单位“px”换成大小相近的“em”，这样，如果用户在浏览器的工具栏“查看”-》“文字大小”中改变文字大小，文字间的空隙也会相应变化，不影响对齐。

看到你的追问，我的回答是这样的：

div span 与div>span肯定是有区别的，div span指的是div 下面的 span这个标签；而div>span指的是CSS 子元素选择器，这个会把第一个 DIV下面的 span 进行样式修改，但是其他的span不受影响（这种方法我个人觉得目前用的不是很多）

如果还不理解的话，建议去w3school学习，都讲的很清楚了，希望帮助到你！

因为推断一个元素的baseline的位置，需要根据它使用的字体信息来推断（一个span中的文字可能因为字符集不同，而使用不同的字体）。因此，一个没有内容的inline-block也就没有了baseline。因此，对齐的时候，就会将它的底边作为baseline在父容器中对齐。你的例子中多出来的3px就是baseline到底边的距离。

写到这里，发现父容器的baseline应该也算不出来啊。不知道谁可以补充一下。

解决这个问题的方法就很多了：设置span的vertical-align为bottom；或为span添加内容为空格；

---