Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行
H1/H2/H3/H4标题标签常常使用在一个网页中唯一标题、重要栏目、重要标题等情形下。 H1在一个网页中最好只使用一次，如对一个网页唯一标题使用。H2、H3、H4标签则可以在一个网页中多次出现，但必要随意添加或添加过度。
在Web前端开发中，经常要使用H1标签对关键字进行优化，可是如果是一行文字中的某个词加上了H1标记，就会换行。可以使用下面的方法，H标签就不会强制换行了。Css控制为一行文字中某个字加上<h2>标签不换行,display:inline; 解释为:内联对象的默认值。用该值将从对象中删除行.
display:inline-block;
虽然这样使用，基本上ie8和ie9、firfox、chrome浏览器都没问题，但是在ie6和ie7下，却是不行的。后面查证了相关资料，原来ie6和ie7是支持的，只是需
要增加一个hack即可，原来的代码改为如下即可兼容所有浏览器了：
display:inline-block;
*display: inline;
*zoom: 1;
解决方法举例1:
<style type="text/css">
h1 {font-size: 12px;color: #000000; display : inline}
h2 {font-size: 12px;color: #000000; display : inline}
h3 {font-size: 12px;color: #000000; display : inline}
</style> www.169it.com
解决方法举例2:
<style type="text/css">
h1 {font-size: 12px;color: #000000; display : inline}
h2 {font-size: 12px;color: #000000; display : inline}
h3 {font-size: 12px;color: #000000; display : inline}
</style>
<h1>CSS控制不换行的方法</h1>
<h2>CSS控制不换行的方法</h2>
<h3>CSS控制不换行的方法</h3>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
