html中怎么让两个标签不换行?
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html中怎么让两个标签不换行?相关的知识，希望对你有一定的参考价值。
参考技术A 1.html中有两类元素（也就是标签），block和inline。
2.
block类型的标签默认情况下会在两边自动加上换行。而inline则不会。
3.
表格属于block类型的，所以它会跳到下一行。要想让它不自动换行可以设置它的css样式display属性的值为inline.
4.
如<body>
这是前面的文字<table
style="display:inline;"><tr><td>这是表格里的内容
</td></tr></table>
</body>
html
强制不换行标签元素：
1.
可以用nobr标签来实现。
2.
nobr语法
<nobr>内容</nobr>
不换行内容放入<nobr>与</nobr>之间即可。
此标签与css
white-space功能相同。
3.
nobr标签特点：如不遇到br换行标签，内容在一行显示完，如遇到br换行标签，内容将在加br换行自动换行。
4.
html
nobr禁止内容换行案例：
这里假如有4行文章标题列表，设置宽度为200px；css行高为22px；对4列的内容我们采用ul
li列表布局，其中2个对内容加<nobr>标签，一个li内容不加，另外一个li内容少与宽度能显示完。
解决VSCode中emmet对行内标签不换行的问题
问题：VSCode使用emmet编辑a*5或 span*5，生成多个行内标签时，不会自动换行。对块标签则会自动换行。我希望对行内标签也可以自动换行。
分析：网上能找到WebStorm类似问题的做法（webstorm中emmet展开a标签和行内元素不换行），VSCode没有。WebStorm的做法是直接修改IDE的配置，VSCode没有此类配置。VSCode的格式化，在HTML和emmet这两个内置插件上，经过一番搜索（关键字“行内”、“inline”、“new line”），找到了两篇文章：
- 【翻译】Emmet(Zen Coding)官方文档 之六 自定义 Emmet
- Force Emmet (VS Code) to wrap all abbreviations inline
解决：参考第一篇文章，应对emmet的配置文件做修改。其思路是，设置inline_break属性值为2，从而达到2个行内元素即强制换行，以此类推；值为0则不为行内元素换行。第一次配置还不知道格式，参考第二篇文章解决类似问题的配置格式。VSCode设置中搜索Syntax Profiles，在settings.json中编辑，加入如下代码：
"emmet.syntaxProfiles": {
"html": {
"inline_break": 2
}
}保存后立即生效，输入a*2或span*3等均可自动换行。
以上是关于html中怎么让两个标签不换行?的主要内容，如果未能解决你的问题，请参考以下文章