AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

html 空白汉字占位符

2022-05-09 1213
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 前端开发中，大家可能会遇到这样的问题：标题存在字数不一样的情况，但是产品大哥，让你要对齐。还必须对齐。他说他有强迫症


前端开发中，大家可能会遇到这样的问题：标题存在字数不一样的情况，但是产品大哥，让你要对齐。还必须对齐。他说他有强迫症


原来是这样的：



要变成这样的：



当遇到这样的情况时，我们第一个想到的使用空格，但是空格达不到想要效果。下面介绍一些简单的html 空白汉字占位符。


html 空白汉字占位符

全角：是一种电脑字符，是指一个全角字符占用两个标准字符（或两个半角字符）的位置。全角占两个字节。 半角：是指一个字符占用一个标准的字符位置。半角占一个字节。 不管是半角还是全角，汉字都要占两个字节。

　  == 一个中文宽度
  == 普通的英文半角空格
  ==   ==   == no-break space （普通的英文半角空格但不换行）
  ==   == en空格 （半个中文宽度）
  ==   == em空格 （一个中文宽度）
  == 四分之一em空格 （四分之一中文宽度）
相比平时的空格（ ），&nbsp拥有不间断（non-breaking）特性。即连续的&nbsp会在同一行内显示。
即使有100个连续的nbsp，浏览器也不会把它们拆成两行。


实践效果


记住它们，说不定你就用上了


文章标签：
前端开发
关键词：
HTML占位符
HTML汉字
HTML空白
拜小白
目录
相关文章
前端歌谣
html+css实战33-input占位符使用
html+css实战33-input占位符使用
前端歌谣
137 0
html+css实战33-input占位符使用
ruuui
|
Web App开发 移动开发 前端开发
对HTML标准的思考 - 记解决H5随机显示简繁体汉字问题
# 遇到问题 上个月在开发淘票票专业版过程中，我们遇到了一个奇怪的问题： **H5容器里的汉字被显示为一些奇怪的样子**。 ![IMG_1653.png](http://ata2-img.cn-hangzhou.img-pub.aliyun-inc.com/2d037aa3fe48847b2063d22f56198774.png) ![IMG_1654.png](http://
ruuui
2614 0
铁锚
|
Web App开发
清除行内元素之间的HTML空白
原文连接：Remove Whitespace Between Inline-Block Elements 原文日期： 2013年8月27日 翻译日期： 2013年8月28日 至今我还记得年轻是在IE6上开发的那些苦逼日子,特别希望IE浏览器采用 inline-block 的显示方式. 行内块(inline-block)是非常有用的,特别是想要不用'block'和'float'来控制这些行内元素的margin,padding之时。
铁锚
736 0
mydcool
|
PHP
php strp_trags()去除html标签仍有空白解决办法
2013年1月14日 15:39:23 $subject = strip_tags($newsRs['content']);//去除html标签 $pattern = '/\s/';//去除空白 $content = preg_replace($pattern, '', $subject)...
mydcool
929 0
bill.kang
|
移动开发 JavaScript HTML5
HTML5实践 -- 实现跨浏览器HTML5文字占位符 - placeholder
　　转载请注明原创地址：http://www.cnblogs.com/softlover/archive/2012/11/20/2779878.html 　　 　　html5为web的form表单增强了一个功能，他就是input的占位符--placeholder。
bill.kang
940 0
一叶飘舟
|
Android开发 PHP 前端开发
webview与HTML加载自适应问题解决方案(网页拖动右边有空白)
一叶飘舟
2677 0
二二*一一
|
29天前
|
前端开发
如何利用 HTML 和 CSS 实现椭圆形布局，并在椭圆形路径上渲染可点击座位？
html 的椭圆形布局实现
二二*一一
49 1
土木林森
|
14天前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制，两者不仅提升了代码复用率和可维护性，还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战，文章提出了相应的解决策略，强调了持续创新的重要性，旨在构建高效、灵活的Web应用。
土木林森
27 6
进步`于辰
|
1月前
|
移动开发 前端开发 JavaScript
[HTML、CSS]细节与使用经验
本文总结了前端开发中的一些重要细节和技巧，包括CSS选择器、定位、层级、全局属性、滚轮控制、轮播等。作者以纯文字形式记录，便于读者使用<kbd>Ctrl + F</kbd>快速查找相关内容。文章还提供了示例代码，帮助读者更好地理解和应用这些知识点。
进步`于辰
42 1
[HTML、CSS]细节与使用经验
进步`于辰
|
1月前
|
移动开发 前端开发 JavaScript
[HTML、CSS]知识点
本文涵盖前端知识点扩展、HTML标签（如video、input、canvas）、datalist和details标签的使用方法，以及CSS布局技巧（如margin、overflow: hidden和动态height）。文章旨在分享作者的学习经验和实用技巧。
进步`于辰
33 1
[HTML、CSS]知识点