博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决html中 在不同浏览器中占位大小不统一的问题
阅读量:6894 次
发布时间:2019-06-27

本文共 401 字,大约阅读时间需要 1 分钟。

 

直接在html文档中使用 来表示空格,在不同浏览器中的占位大小是不一样的.

为什么呢,因为不同浏览器默认的字体是不一样的,不同字体下的空格表示 占位大小不一致.

这就好办了嘛,我们对 指定使用同样的字体就能让 显示同样的占位了.

经过测试,当指定Times New Roman字体时,各浏览器都支持良好,每4个 显示的占位是一个汉字字符,而使用宋体或黑体则不能达到目的.

即:

  

    

 

 

表示一个汉字字符的占位.

例子:

  .

效果如下:

  

嗯,效果很好,成功实现对齐.

ps:此方法不对html文档造成其他影响,不需修改编码方式,缺点就是要嵌套标签,匿.

                        -----------------------原创,转载请把本文链接附上

转载于:https://www.cnblogs.com/suspiderweb/p/4676324.html

你可能感兴趣的文章
java并发编程学习14--CompletableFuture(一)
查看>>
ES6语法之Symbol
查看>>
取周期性字符串中的其中一个
查看>>
使用Node在服务端调用HTTP-Basic认证的API
查看>>
mybatis 三剑客之 generator
查看>>
d3.js ----面积图表
查看>>
快速写个node命令行工具
查看>>
Zepto这样操作元素属性
查看>>
30-seconds-code——Object
查看>>
pyspark底层浅析
查看>>
【设计模式】组合模式之神经网络应用
查看>>
Jenkins系统搭建及常见操作
查看>>
SQL Server 2012自动异地备份
查看>>
Ubuntu 下 SVN 多版本库的搭建
查看>>
CSS选择器
查看>>
PHP遍历接口Iterator详解
查看>>
一款简单到极致的 React 数据流框架——Refast
查看>>
ribbon的ServerListRefreshInterval
查看>>
Android我还可以相信你多少系列文章二之音视频播放
查看>>
使用Brotli提高网站访问速度
查看>>