html里的<wbr>标签什么意思

<wbr>是html5中的新元素。

有人翻译成:软换行。

html4中<br/>表示换行,<br/>表示必须换行。而<wbr>意思是在浏览器窗口或父级窗口宽度足够的情况下,不换行;在宽度不足的情况下,在加了<wbr>处主动换行。

例子:

<p>To learn AJAX, you must be familiar with the XMLHttpRequest Object.To learn AJAX, you must be familiar with the XMLHttp<wbr>Request Object.</p>

当正常情况下英文宽度过小,不足以在行末书写完一个词时,就将行末整个词放到下一行,实现换行,但是加入上面位置的<wbr>时,软换行就能收主动拆分单词,可以在支持HTML5的浏览器中测试(IE系列除了9都不支持,可以用Chrome)。
这个<wbr>好像对字符型的语言用处挺大,但是对于想中文这种字,貌似没多大用处。

时间: 2024-10-05 14:06:34

html里的<wbr>标签什么意思的相关文章

在ASP.NET程序中用程序动态向&lt;head&gt;便签里添加&lt;meta&gt;标签

在使用ASP.NET框架开发: 若要在Html网页中加入<meta>设置,但想通过程序动态加入: 1.如果是ASP.NET4.0以前版本: 使用HtmlMeta类加入<meta>设置: //首先我们应该创立HtmlMeta类实体(命名空间:System.Web.UI.HtmlControls) HtmlMeta meta1=new HtmlMeta(); meta1.Name="keyword"; meta1.Content="ASP.NET,jQue

&lt;a&gt;标签里的&lt;img&gt;标签点击虚线框

<a href="#"> <img src="" /> </a> 当img嵌套在a标签里,点击时,会出现虚线框,如何去掉虚线框?css代码如下: a{outline:none;} a:active {outline:none;blr:expression(this.onFocus=this.blur());} img,a .img{border:0} html标签如下: <a href="#" onfoc

table标签里插入form标签的奇怪现象

最近帮朋友处理它的表单无法提交的问题,弄了些时间,发现了一个奇怪的问题 <table> <form action="upload.php" method="post" enctype="multipart/form-data"> <input type="text" name="t" /> <input type="submit" value=&

vscode里的html标签导航的一系列问题

哈喽,我今天带来的经验是,vscode在18年10月更新后的1.29以后,编辑html文档时,会发现最上面有个类似于HTML标签导航的玩意儿,可能部分同学和我一样不习惯用它们,现在我找到了方法,希望能帮到大家 首先,我们一开始的界面是这样的: 还有这个: 在设置里各种找,但是没有找到去掉它们的办法,终于,在vscode的菜单栏里有个查看的选项,把这两个钩掉就行啦 效果图 应该去掉的选项 原文地址:https://www.cnblogs.com/xfstu/p/11789683.html

&lt;table&gt;标签里的caption标签和H标签的区别

实例 带有标题的表格: <table border="1">  <caption>Monthly savings</caption>  <tr>    <th>Month</th>    <th>Savings</th>  </tr>  <tr>    <td>January</td>    <td>$100</td> 

去掉ubuntu的文件管理器中“位置”栏里的无用标签

每次看到那些无用的文件夹放在那总是感觉很不爽... 首先更改 /home/slyfc/.config/user-dirs.dirs  里的东西,把你不想要的删掉,注意不要删桌面,其余的随意 重启后发现文件复原,原因是xdg-user-dirs-update开机重写了这个文件. 那么关掉这个东西就行了,在/etc/xdg/user-dirs.conf中修改为enabled=False 更改好配置文件后,重启,会发现那些文件变成了书签,就可以右键删除了

ie6,7下div里面的a标签与img标签无法上下对齐的解决办法

问题如图: 子菜单1-1-1无法与x对齐. 解决方案: 将a标签的vertical_align属性设置为top即可:如果此时a里面的文字不与图片和谐,可以调节padding-top来达到文字居中效果.

在Python中使用正则表达式去掉字符串里的html标签

有时候会获得一些带html标签的字符串,需要把html标签去掉,获得干净的字符串,这时候可以使用正则表达式. 代码如下: import re htmeString = '''    <ul id="TopNav">        <li><a href="/EditPosts.aspx" id="TabPosts">随笔</a></li>        <li><a h

php正则匹配到字符串里面的a标签

$cont = preg_replace('/<a href=\"(.*?)\".*?>(.*?)<\/a>/i','',$cont);