当前位置: 首页 > news >正文

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

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


<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();


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

相关文章:

  • XMPP 基础
  • 初学3ds Max,做了个雪人,大家来评评哪个更好看
  • 精彩十年(3)——初露锋芒
  • Java常用工具类的使用
  • 精彩十年(4)——缔造神话
  • HibernateDaoSupport实现分页技术总结
  • 新作《.NET 4.0面向对象编程漫谈》之序“穿越梦想、起锚远航”
  • java synchronized详解(非常详细)
  • 123456789分割成12,34,56,789
  • 分享代码
  • C语言实现 字符串过滤并修改并返回个数
  • 记录:对这次转正的一些预测
  • mysql插入中文报错
  • Nebula3嵌入WPF
  • i=i++在java等高级语言的解释
  • [译] 理解数组在 PHP 内部的实现(给PHP开发者的PHP源码-第四部分)
  • 【划重点】MySQL技术内幕:InnoDB存储引擎
  • axios请求、和返回数据拦截,统一请求报错提示_012
  • CSS魔法堂:Absolute Positioning就这个样
  • echarts花样作死的坑
  • JavaScript实现分页效果
  • JavaScript异步流程控制的前世今生
  • js
  • js算法-归并排序(merge_sort)
  • Linux各目录及每个目录的详细介绍
  • Travix是如何部署应用程序到Kubernetes上的
  • 百度地图API标注+时间轴组件
  • 道格拉斯-普克 抽稀算法 附javascript实现
  • 诡异!React stopPropagation失灵
  • 聊一聊前端的监控
  • 每个JavaScript开发人员应阅读的书【1】 - JavaScript: The Good Parts
  • 山寨一个 Promise
  • 跳前端坑前,先看看这个!!
  • 移动端 h5开发相关内容总结(三)
  • 应用生命周期终极 DevOps 工具包
  • 主流的CSS水平和垂直居中技术大全
  • 微龛半导体获数千万Pre-A轮融资,投资方为国中创投 ...
  • ​ ​Redis(五)主从复制:主从模式介绍、配置、拓扑(一主一从结构、一主多从结构、树形主从结构)、原理(复制过程、​​​​​​​数据同步psync)、总结
  • ​软考-高级-信息系统项目管理师教程 第四版【第23章-组织通用管理-思维导图】​
  • # 睡眠3秒_床上这样睡觉的人,睡眠质量多半不好
  • #gStore-weekly | gStore最新版本1.0之三角形计数函数的使用
  • #includecmath
  • $.ajax()方法详解
  • (6)设计一个TimeMap
  • (备忘)Java Map 遍历
  • (二)windows配置JDK环境
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理 第13章 项目资源管理(七)
  • (转)memcache、redis缓存
  • *1 计算机基础和操作系统基础及几大协议
  • ./configure、make、make install 命令
  • .NET CORE 2.0发布后没有 VIEWS视图页面文件
  • .NET Entity FrameWork 总结 ,在项目中用处个人感觉不大。适合初级用用,不涉及到与数据库通信。
  • .net framework profiles /.net framework 配置
  • .NET6实现破解Modbus poll点表配置文件
  • .net反编译的九款神器