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>
本文来源:Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行
最新文章
- 转:Eclipse Search Tips
- [NOIP2016]换教室 D1 T3 Floyed+期望DP
- GCD: 基本概念和Dispatch Queue 【转】
- html5的选择器
- 最近这么火的iOS视频直播
- 4.nodejs权威指南--TCP和UDP
- 【编程题目】一个整数数组,长度为 n,将其分为 m 份,使各份的和相等,求 m 的最大值★★ (自己没有做出来!!)
- 前后端分离开发——模拟数据mock.js
- OneProxy的功能与限制
- beta-2阶段组员贡献分分配
- LINQ2EF-LINQ2SQL-LINQ笔记
- Ecmall系统自带的分页功能
- Key lock 的秘密
- LeetCode_Letter Combinations of a Phone Number
- 为何90%的IT技术人员不适合做老大
- 【BZOJ2817】[ZJOI2012]波浪(动态规划)
- Hbase记录-Hbase调优参数
- MySQL数据库设置远程访问权限方法小结
- shell脚本把一些请求量非常高的ip给拒绝掉
- vue-cli、webpack提取第三方库-----DllPlugin、DllReferencePlugin
热门文章
- TextField笔记
- [九度OJ]1431.Sort(寻找前m大数并排序)
- PLSQL配置介绍
- Hive 0.12 Caused by: MetaException(message:Version information not found in metastore. )解决方法
- poj1149--PIGS(最大流)
- elasticsearch的基本用法
- JS/JQ综合总结
- 用sharding技术来扩展你的数据库(一)sharding 介绍
- Ubuntu 12.04 分区方案(仅供参考)
- 启用PowerShell Web Access