收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2392|回复: 6

css阻止关键词换行中间断开

[复制链接]
发表于 2012-3-22 16:00:56 | 显示全部楼层 |阅读模式
本帖最后由 daoying2000 于 2012-3-27 13:12 编辑

dfdfdfsdfd.jpg

如图,单个关键词必须在同一行,换行不能从中间断开,css怎么写

已解决,多谢各位
发表于 2012-3-22 16:24:11 | 显示全部楼层
white-space:nowrap;
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-3-22 16:33:50 | 显示全部楼层
zhenpu 发表于 2012-3-22 16:24
white-space:nowrap;

无效
回复 支持 反对

使用道具 举报

发表于 2012-3-22 16:57:06 | 显示全部楼层
.aa {width:312px;line-height:23px;white-space:nowrap;}
.aa a {display:block;float:left;olor:#5f5f5f;}
回复 支持 反对

使用道具 举报

发表于 2012-3-23 09:02:57 | 显示全部楼层
#vdo a {
        font-size: 12px;
        color: #333;
        font-family: Tahoma;
        line-height: 21px;
        height: 21px;
        font-weight: normal;
        float: left;
        margin: 0 8px 8px 0;
        padding: 0 5px;
        background-color: #FFF;
        border: 1px solid #FFF;
        text-decoration: none;
        display: block;
        white-space:nowrap;
}

自用的,给LZ参考下
回复 支持 反对

使用道具 举报

发表于 2012-3-23 14:00:19 | 显示全部楼层
display:inline-block;就满足了
回复 支持 反对

使用道具 举报

发表于 2012-3-23 15:27:56 | 显示全部楼层
楼上正解,display: inline-block;
看我博客右栏的随机标签是不是你要的效果?貌似很像,我是对<a>做的设置
http://www.54173.cn/blog/
回复 支持 反对

使用道具 举报

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

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-11-26 03:03 , Processed in 0.109098 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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