用span实现空格的精确设定空格

做登录界面的时候，要用到类似

的格式，所以会遇到三个字“用户名”和两个字“密码”对齐的问题，表面上看，只需要在“密”和“码”之间加几个空格就可以了。但是对不同的浏览器，比如IE和Google浏览器，显示出的空格的大小就不同，这样，在一个浏览器中对得很齐的空格，到另一个浏览器中看，就可能错位，从而引起后面的输入框错位；而且对于不同的字体大小，想对齐“用户名”这三个字，加的空格数量也不相同，可能不一定能精确对齐。
但是，不同浏览器对像素的大小显示的效果是相同的，所以用代替空格，能够精确设定空格的大小。在程序中，一般会遇到很多宽度不同的空格，如果都要用，就要对的样式编号，为了使的样式清晰明确，我用像素的大小来编号，比如：

CSS：

span.bank2
{
padding-left:2px;
}
span.bank5
{
padding-left:5px;
}
span.bank15
{
padding-left:15px;
}

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

html：

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

用span实现空格的精确设定空格相关推荐

正则表达式用单个空格替换多个空格
给定一个像这样的字符串: "The dog has a long tail, and it is RED!" 什么样的jQuery或JavaScript魔术可以用来将空间限制为最多 ...
如何在C＃中用单个空格替换多个空格？
如何用C#中的一个空格替换字符串中的多个空格? 例: 1 2 3 4 5 将会: 1 2 3 4 5 #1楼使用LINQ的另一种方法: var list = str.Split(' ').Where ...
c程序设计语言_习题1-9_将输入流复制到输出流，并将多个空格过滤成一个空格...
Write a program to copy its input to its output, replacing each string of one or more blanks by a si ...
java 正则空格_Java中关于空格的正则表达式
public class Test { public static void main(String[] args) { String s = "GET /index ...
dataframe 删除首尾空格_你敲空格的速度很快，但女人的手不是用来敲空格的！...
点击上方蓝字「Excel不加班」关注,看下一篇学员的问题:用VLOOKUP函数查找得到错误值,怎么回事? 卢子看后,觉得公式没问题,看了一下,原来是敲的空格不一样.针对这种,一般都是将空格替换掉,再 ...
HTML中空格代码为,html空格 html 空格代码
html 空格和html空格代码篇在HTML网页排版机关时,一个翰墨与翰墨间空格可使用一个使用空格键直接空一格便可.然则要实现多个空格间隔,打再多空格键空格,始终至多展现一个空格地位. 那末如何才智 ...
怎么修改html的空格大小,如何改变空格的大小 word空格间隔很大怎么调整
怎么统一调整word中的空格大小我把word中的文字之间都加了一个空格,然后把其中一个空格缩放到最小(可以通过查找替换功能来实现,其具体的操作步骤: 单击开始查找按钮(或按Ctrl + F组合键): ...
php 去除变态空格字符方法，空格trim不掉问题解决思路
php 去除变态空格字符方法,空格trim不掉问题解决思路参考文章: (1)php 去除变态空格字符方法,空格trim不掉问题解决思路 (2)https://www.cnblogs.com/-mrl ...
python后面空格报错_python空格报错
广告关闭提供包括云服务器,云数据库在内的50+款云计算产品.打造一站式的云产品试用服务,助力开发者和企业零门槛上云. 异常taberror缩进时引发的标签和空格不一致. 这是一个子类indentat ...

用span实现空格的精确设定空格

用span实现空格的精确设定空格相关推荐

最新文章

热门文章

用span实现空格的精确设定 空格

用span实现空格的精确设定 空格相关推荐

最新文章

热门文章

用span实现空格的精确设定空格

用span实现空格的精确设定空格相关推荐