请选择 进入手机版 | 继续访问电脑版
贠老师培训群:150322713    贠老师QQ:767708506

贠老师office培训-excel学习网

 找回密码
 立即注册
点击咨询贠老师
查看: 402|回复: 9

CSS控制H1不换行,强制TD不换行

[复制链接]

607

主题

604

帖子

1909

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1909
发表于 2016-2-3 16:44:18 | 显示全部楼层 |阅读模式

在网页优化中,经常要使用H1标签对关键字进行优化,可是如果是一行文字中的某个词加上了H1标记,就会换行。

可以使用下面的方法,H标签就不会强制换行了。

<style type="text/css">
<!--
h1 {font-size: 12px;color: #09f; display : inline}
h2 {font-size: 12px;color: #f00; display : inline}
-->
</style>
<h1>我要变成一行</h1>
<h2>我要变成一行</h2>

1、给<table>加上style="table-layout:fixed";

2、给<td>加上style="width:100px;text-overflow:ellipsis; word-break:keep-all; overflow:hidden;"

js生成TABLE cell的时候,cell里文字过多的时候似乎以上方法也不太好用。可以直接这样:

cell.innerHTML="<nobar>"+"文本"+"</nobar>";

强制不换行。


想要了解更多更全面的web前段知识,css样式,html教程,数据库教程,word教程,excel教程等等,就到excel学习网www.excelxue.com



回复

使用道具 举报

1

主题

345

帖子

364

积分

中级会员

Rank: 3Rank: 3

积分
364
QQ
发表于 2016-3-17 09:04:04 | 显示全部楼层
赞一个
回复 支持 反对

使用道具 举报

1

主题

1265

帖子

76

积分

注册会员

Rank: 2

积分
76
发表于 2016-3-25 13:27:32 | 显示全部楼层
写的不错,支持一下哟
回复 支持 反对

使用道具 举报

1

主题

345

帖子

364

积分

中级会员

Rank: 3Rank: 3

积分
364
QQ
发表于 2016-4-3 10:47:51 | 显示全部楼层
还有许多问题不明白,有点恼火啊!
回复 支持 反对

使用道具 举报

2

主题

1274

帖子

156

积分

注册会员

Rank: 2

积分
156
发表于 2016-6-6 12:56:30 | 显示全部楼层
太给力啊 跪谢啊
回复 支持 反对

使用道具 举报

0

主题

1112

帖子

10

积分

注册会员

Rank: 2

积分
10
发表于 2016-7-16 14:29:04 | 显示全部楼层
顶一个
回复 支持 反对

使用道具 举报

0

主题

1157

帖子

50

积分

注册会员

Rank: 2

积分
50
发表于 2016-7-19 14:15:47 | 显示全部楼层
我是路过的,轻轻飘过
回复 支持 反对

使用道具 举报

0

主题

1138

帖子

61

积分

注册会员

Rank: 2

积分
61
发表于 2017-1-29 10:46:26 | 显示全部楼层
楼主不错
回复 支持 反对

使用道具 举报

0

主题

839

帖子

67

积分

注册会员

Rank: 2

积分
67
发表于 2018-7-8 10:36:56 | 显示全部楼层
楼主是好人哪,感谢分享,太棒了!
回复 支持 反对

使用道具 举报

0

主题

1196

帖子

52

积分

注册会员

Rank: 2

积分
52
发表于 2019-1-9 10:44:50 | 显示全部楼层
好啊楼主,没想到啊,太好了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



陕ICP备15003731号  

贠老师培训 GMT+8, 2019-6-18 15:14 , Processed in 0.238613 second(s), 34 queries .

快速回复 返回顶部 返回列表