Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行

     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>

本文来源: