`
yangshen998
  • 浏览: 1247029 次
文章分类
社区版块
存档分类
最新评论

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


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

分享到:
评论

相关推荐

    td nowrap css nowrap使用说明于注意事项

    td nowrap css nowrap使用说明于注意事项

    html td nowrap不换行属性使用方法

    nowrap是什么意思? nowrap定义和用法 nowrap 属性规定表格单元格中的内容不换行。 实例 带有 nowrap 属性的表格单元: 复制代码代码如下:”1″&gt; &lt;tr&gt; &lt;th&gt;Poem&lt;/th&gt; &lt;th&gt;Poem&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td nowrap=”nowrap...

    div css nowrap无换行

    昨天在使用css结合div布局的时候碰到了一个问题。 在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。

    css white-space:nowrap属性用法(可以强制文字不换行输出)

    css强制文字不换行,可给指定的容器增加white-space:nowrap即,下面把CSS示例写给大家,很简单

    CSS超出文本指定宽度用省略号代替和文本不换行

    一般的文字截断(适用于内联与块): CSS Code复制内容到剪贴板 .text-overflow { display:block;/*内联对象需加 */  width:31em;/* 何问起 hovertree.com */  word-break:keep-all;/* 不换行 */  ...

    white-space:nowrap的应用

    在web2.0的概念中,标签是个时常出现的东东,可是在设计时中文不象英文那样在表现标签云时表现的那么好,主要是中文词组的成为标签后,有时会出现长标签在标签云中被断行的问题。今天发现有人在问这个问题,以前遇到...

    clapack 矩阵运算求解库

    进行数学运算的工具库,包括矩阵运算,矩阵求解等。

    CSS文本如何折行介绍

    pre-line 合并空白符序列,但是保留换行符。 inherit 规定应该从父元素继承 white-space 属性的值。 word-wrap:设置或检索当当前行超过指定容器的边界时是否断开转行。 normal 控制连续文本换行。 break-w

    ewebeditor5.5

    ewebeditor在线的编辑器5.5版本,可以正常使用

    vim安装包,用于linux十分便捷

    set incsearch 搜索时输入一个字符会自动跳到匹配位置,按回车再确定是否要搜索此关键词 set nowrapscan 搜索到头就停止,默认搜索到头会到最后一个匹配位置 marks 查看关于标记的列表 scriptnames 查看vimrc...

    ueditor.all.js 已取消所有的标签自动转移、替换

    UEditor 已取消所有的标签自动转移、替换的ueditor.all.js 无需下载请到这http://blog.csdn.net/qq285679784/article/details/77077580

    CSS控制文本的长度 超过一行显示省略号的实现方法

    代码如下: ... ;height:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; &gt;a b c d e f g h i j k l ,...还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏

    jquery-easyui总结

    title 字符串 标题文字 iconCls 字符串 一个css类,将提供一个背景图片作为标题图标 border 布尔 是否显示面板的边界。 width 数字 表格的宽度 height 数字 表格的高度 ...nowrap 布尔 是否在一行显示数据

    CSS文本超出2行就隐藏并且显示省略号

    超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢? 超出两行...

    留言和回复留言功能

    &lt;div&gt; 我要留言&lt;/a&gt;&lt;div&gt; &lt;div class="waicheng"&gt; (NOT rs.EOF) %&gt; ;"&gt; &lt;tbody&gt;&lt;tr&gt; &lt;td height="30" nowrap="nowrap" align=left&gt;&lt;img src="img/arrow.gif" height="9" width="9"&gt; ("m_info")%&gt; &lt;td ...

    通过CSS让TD自动换行

    但使用时要注意的是,td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度,则nowrap属性起作用的,如果设置了td宽度,则nowrap属性不起作用。 通过CSS让TD自动换行 项目中 ajax 应用需要动态创建...

    [WordPress插件]代码高亮插件CodeColorer汉化升级版2012.5.27

    用WordPress以来,本站一直是用CodeColorer来实现代码高亮,但原版的汉化不够完全,且与不少主题都冲突,因此本人将原版修改过后使用,并加入了可视化代码插入功能,之前也想发布出来,但因为懒,一直推迟到现在才把...

    CSS中的空白效果属性使用小结

    white-spacewhite-space用来设置浏览器对“空白”的处理,所谓的空白指的是你在编辑器里面输入的空格,回车,tab等。他的可选内容如下: normal: 默认。空白会被浏览器忽略。例如:开头结尾的空白忽略,字之间的,...

Global site tag (gtag.js) - Google Analytics