nowrap要与回车换行符结合才有意义

158 篇文章 3 订阅

像一堆标签这种东西在页面上如何显示?不做特殊处理,很有可能有些标签会从中断开,换行,比如说,两个字的标签,会出现头一个字在上一行末尾,而另一个字出现在下一行的开头。


<span>君住长江头</span>


对付这种情况,应该用 style="white-space:nowrap;"

<span style="white-space:nowrap;" >君住长江头</span><span style="white-space:nowrap;">我住长江尾</span>


但是这样问题又来了。在服务器端输出一大堆标签:


StringBuilder sb = new StringBuilder("");

foreach(...)

{

   sb.Append("<span style=/"white-space:nowrap;/">标签</span>");

}

label1.Text = sb.ToString();


结果在页面上,这些标签全部在一行,将页面撑爆鸟。即使用万能的<table>来框住也没有效果。


这个时候要引入回车换行符

StringBuilder sb = new StringBuilder("");

foreach(...)

{

   sb.Append("<span style=/"white-space:nowrap;/">标签</span>/r/n ");

}

label1.Text = sb.ToString();


这样每个标签都不会换行,但又不至于所有的标签都挤在一行。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值