解决CSS浏览器的空间宽度问题
但它不是很可靠。例如,空间是非常大的,所以我们要添加多个占位符,而网页的体积会非常大。同时,值得注意的是Safari的宽度的设置字符宽度(Safari的默认字体是Times),也就是说,一个汉字需要两占位符。
具体情况如下图所示。
事实上,这不是Safari的问题,而是字体的问题,解决方案是使用以下属性
字体的歌;在宽度英文Arial字体设置默认字体Safari可以解决,Safari的Windows版本需要设置字体的中文歌体的名称直接使用而不是Simsun(让我知道为什么哥哥,请)。
但在这一点上,我们的基本目标是避免使用这样的占位符和使用一个主空格。考虑相应的CSS属性为空白,并了解使用白色空间,然后更好地处理它。
要使用空白汇总来实现相等的空间条件,需要设置相应的属性。
空白:预;
然后设置宽度字符(包括宽度空间)。
字体家庭:歌体,Simsun;
空白:预;
因为中国的CSS名称使用,风格的字符编码问题需要在实际使用中考虑。同时,更多的考虑的是是否需要苹果机(或其他等宽字体Arial),苹果机的兄弟请测试。
——分离——
另一种方式来感谢小马是使用EM单元。简单来说,1em可以被认为是一个字符宽度;以同样的方式。5em是半个字符,那么,上述情况可以这样写。
购买的宝贝:
我的淘宝:
社区uff1a
相应的CSS应该是
。半字{宽度:5em;}。
。两词{宽度:2em;}
通过测试。
——分离——
在上述两种不同的方法来看,个人认为应该考虑根据实际情况。例如,第一种方法,虽然依赖具体的等宽字体,但没有添加额外的维护结构的未来将更加方便;第二方法的实际应用更多的考虑(不依赖于具体的,但也是一个等宽字体)添加额外的结构。
因此,第一种方法受到尊重,例如考虑未来的可维护性,同时考虑到语义的角度,在实际应用场合,当应用程序更复杂时,个人将选择第二种。