• 滨河西路南延工程进入路基施工阶段 2019-07-19
  • 《中国独角兽企业价值榜》和《中国瞪羚企业价值榜》发布 2019-07-19
  • 闪崩股有点多!每个背后都有个质押爆仓的惊心故事,这51股质押比例超60% 2019-07-13
  • 中国保险行业协会发布汽车后市场配件合车标准 2019-07-09
  • 切切切,端午节安康! 2019-07-09
  • 探索西部引才用才新机制 打造四川转型发展新引擎 2019-07-03
  • 女性之声——全国妇联 2019-06-28
  • 中共中央政治局集体学习 2019-06-26
  • 宝马、MINI与劳斯莱斯多款车型召回 共涉及5829辆 2019-06-26
  • 镇江破部督最大骗取出口退税案 2019-06-24
  • 海军第二十九批护航编队滨州舰技术停靠西班牙 2019-06-24
  • 段健的专栏作者中国国家地理网 2019-06-24
  • 马克思主义哲学是帮助我们看清世界的一双“慧眼” 2019-06-23
  • 外卖小哥选择为生命“引航”,网友疯狂点赞… 2019-06-19
  • 匹夫有责之一百一十三—道义大义的博客—强国博客—人民网 2019-06-19
  • 首页 > 编程学习记录 > white-space:nowrap实现让文字不换行

    201511月15

    white-space:nowrap实现让文字不换行

    作者:admin 0 Comments 发表评论

    曾道人新报跑狗 www.jmuag.tw 今天写超级购的CSS属性,遇到个问题,就是在手机上显示的时候,和电脑上显示的不太相同,电脑上,说明文字和下方的表格都是全屏展示,但在手机上展示的时候,说明文字自动换行了:

    手机上的展示图样

    而我想文字也只显示一点,跟表格一样是往右拖再看后面的内容的!

    后面通过群里网友的指点,说是只要在样式里添加上:

    white-space:nowrap

    属性就可以了。测试以后,果然实现了效果,上面的说明文字不会再自动换行了。

    百度了下这个属性的说明,很多说法,不过有一条应该是比较准确的:

    当你不想让块内的文字换行时,就可以用这个属性。

    比如下面的例子:

    <!–当外层容器设置了宽度而你又不希望内层内容换行时–>
    <div style = ‘width:100px;’>
    <p style = ‘white-space:nowrap;’>
    神马都是浮云神马都是浮云神马都是浮云神马都是浮云神马都是浮云神马都是浮云神马都是浮云
    </p>
    </div>

    因为设置了DIV块的宽度为100像素,所以如果上面的代码中,没有“white-space:nowrap”这个样式限制,那么里面的文字会因为宽度不够而自动换行,但如果添加了这个样式限制,那么就不会管DIV宽度的限制了,一直在一行显示下去,如果不想让超出DIV范围的内容显示,还要添加一个溢出样式限制,比如:“overflow: hidden”。

    通过两个图来说明,第一幅是没有添加“white-space:nowrap”限制的,第二幅是添加了“white-space:nowrap”样式限制的:

    1图2图

    推荐阅读相关文章:编程学习记录

    本文地址://www.jmuag.tw/white-spacenowrap.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    本文目前尚无任何评论.

    发表评论

  • 滨河西路南延工程进入路基施工阶段 2019-07-19
  • 《中国独角兽企业价值榜》和《中国瞪羚企业价值榜》发布 2019-07-19
  • 闪崩股有点多!每个背后都有个质押爆仓的惊心故事,这51股质押比例超60% 2019-07-13
  • 中国保险行业协会发布汽车后市场配件合车标准 2019-07-09
  • 切切切,端午节安康! 2019-07-09
  • 探索西部引才用才新机制 打造四川转型发展新引擎 2019-07-03
  • 女性之声——全国妇联 2019-06-28
  • 中共中央政治局集体学习 2019-06-26
  • 宝马、MINI与劳斯莱斯多款车型召回 共涉及5829辆 2019-06-26
  • 镇江破部督最大骗取出口退税案 2019-06-24
  • 海军第二十九批护航编队滨州舰技术停靠西班牙 2019-06-24
  • 段健的专栏作者中国国家地理网 2019-06-24
  • 马克思主义哲学是帮助我们看清世界的一双“慧眼” 2019-06-23
  • 外卖小哥选择为生命“引航”,网友疯狂点赞… 2019-06-19
  • 匹夫有责之一百一十三—道义大义的博客—强国博客—人民网 2019-06-19
  • 在线mg电子游戏 波克安徽麻将在哪买挂 广东快乐十分平台 超级大乐透彩票规则 腾讯我叫mt4官网 法国亚眠大学录取条件 阿尔赖扬vs希拉尔分析 安卓捕鱼大师变态版 ag捕鱼王2技术打法 桑坦德竞vs毕尔巴鄂