HTML wbr元素
wbr元素
wbr元素表示一个可以换行的机会,即表示必要时可以在此处换行,至于是否换行,则由浏览器根据窗口或父元素的宽度情况自主决定。当宽度足够时,即没必要换号时,不进行换行,当宽度不够时,主动在此处换行。如:
<p>To learn AJAX, you must be familiar with the XMLHttp<wbr>Request.</p>
正常情况下,当宽度不足时,会在行末将整个单词放到下一行,但加入 wbr 后,就允许将单词XMLHttpRequest拆分在两行显示。运行结果如图 2‑44 所示:
图2-44 wbr元素
由此可知,wbr元素与 br 元素不同,wbr元素不是强制换行,而是让浏览器知道哪里适合换行,并根据需要进行换行,可以让文本在有限空间内更具可读性。
关于作者
歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》,并全部在 GitHub 上开源。
版权声明:本文出自 歪脖网 的《HTML宝典》,欢迎在线阅读,并提出宝贵意见。
HTML wbr元素相关推荐
- (一)html5中的新增元素和废除元素
//刘梦冰发表于2015-6-29 1.新增的结构元素 (1)section元素 section元素表示页面中的一个内容区块,比如章节.页眉.页脚或者页面中的其他部分,它可以与h1.h2.h3等元素结 ...
- 06-HTML5新增元素
HTML5新增元素 HTML5 增强的iframe元素 HTML5新增的srcdoc属性 HTML5新增的seamless属性 HTML5新增的sandbox属性 HTML5新增结构元素 articl ...
- HTML5文本元素解析
1.<b>表示关键字和产品名称 1 <b>HTML5</b> 解释:<b>元素实际作用就是加粗.从语义上来看,就是标记一段文字,但并不是特别强调重要性. ...
- html5学习12:其他文本元素
1.br元素,强制换行 把后续的内容转移到新行上. this is,<br/>haha. 2.wbr元素,安全换行 html5新增的,用来表示长度超过当前浏览器窗口的内容适合在此换行,到底 ...
- 小白读《HTML5权威指南》第二部分,HTML元素
地址:http://note.youdao.com/noteshare?id=ca45c17e98435e0a6095f05bd7e7f565 下面是直接复制粘贴过来的,没有图片和乱版了. HTML5 ...
- htm5新特性新增与弃用元素
新增的元素 html5新增了一些语义化更好的标签元素. 结构元素 article元素,表示页面中的一块与上下文不相关的独立内容,比如博客中的一篇文章. aside元素,表示article内容之外的内容 ...
- HTML5学习之语义化标签
一.为什么HTML5要引入新语义标签 在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上 ...
- html5的新增的标签和废除的标签
新增的结构标签 section元素 表示页面中的一个内容区块,比如章节.页眉.页脚或页面的其他部分.可以和h1. h2--等元素结合起来使用,表示文档结构.例:HTML5中<section&g ...
- HTML5 基础知识(三)
em元素用于标记强调的文本 cite元素用于标识对艺术作品.电影.图书等内容的引用 内容显示的样子与为其使用的元素没有关系,不能为了让文字变为斜体就使用em或cite元素,添加样式是css的事情. 段 ...
最新文章
- python中for循环缩进_Python减少循环层次和缩进的技巧分析
- LeetCode 106. 从中序与后序遍历序列构造二叉树(Construct Binary Tree from Inorder and Postorder Traversal)...
- 十年探索,云上明灯,re:Invent再启掀产业风暴
- mysql 错误等级_Mysql5.7 的错误日志中最常见的note级别日志解释
- 数据库工作笔记009---Centos中导出mysql数据库
- Apache Kafka简介与安装(一)
- Verilog 常规数据定义
- java网络爬虫视频教程下载
- 【3D相册】零基础完成3D相册并配上背景音乐
- 计算机数字音频制作工具
- 前端实现在线预览word(docx),pdf,excel类型的文件
- mysql拖库_利用SQL注入漏洞拖库的方法
- 数字逻辑:时序逻辑元件——锁存器
- 爱上小西装外套的16个瞬间
- spring boot 项目页面显示不出来
- 【高通SDM660平台 Android 10.0】(13) --- Camera ISP 之 数字成像系统介绍
- 优秀网页设计:20个国外大学网站设计欣赏
- [附源码]Nodejs计算机毕业设计京津冀畅游网设计Express(程序+LW)
- 阿里云centos7安装图形界面
- Nios和Qsys互连