像一堆标签这种东西在页面上如何显示?不做特殊处理,很有可能有些标签会从中断开,换行,比如说,两个字的标签,会出现头一个字在上一行末尾,而另一个字出现在下一行的开头。
<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使用说明于注意事项
nowrap是什么意思? nowrap定义和用法 nowrap 属性规定表格单元格中的内容不换行。 实例 带有 nowrap 属性的表格单元: 复制代码代码如下:”1″> <tr> <th>Poem</th> <th>Poem</th> </tr> <tr> <td nowrap=”nowrap...
昨天在使用css结合div布局的时候碰到了一个问题。 在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。
css强制文字不换行,可给指定的容器增加white-space:nowrap即,下面把CSS示例写给大家,很简单
一般的文字截断(适用于内联与块): CSS Code复制内容到剪贴板 .text-overflow { display:block;/*内联对象需加 */ width:31em;/* 何问起 hovertree.com */ word-break:keep-all;/* 不换行 */ ...
在web2.0的概念中,标签是个时常出现的东东,可是在设计时中文不象英文那样在表现标签云时表现的那么好,主要是中文词组的成为标签后,有时会出现长标签在标签云中被断行的问题。今天发现有人在问这个问题,以前遇到...
进行数学运算的工具库,包括矩阵运算,矩阵求解等。
pre-line 合并空白符序列,但是保留换行符。 inherit 规定应该从父元素继承 white-space 属性的值。 word-wrap:设置或检索当当前行超过指定容器的边界时是否断开转行。 normal 控制连续文本换行。 break-w
ewebeditor在线的编辑器5.5版本,可以正常使用
set incsearch 搜索时输入一个字符会自动跳到匹配位置,按回车再确定是否要搜索此关键词 set nowrapscan 搜索到头就停止,默认搜索到头会到最后一个匹配位置 marks 查看关于标记的列表 scriptnames 查看vimrc...
UEditor 已取消所有的标签自动转移、替换的ueditor.all.js 无需下载请到这http://blog.csdn.net/qq285679784/article/details/77077580
代码如下: ... ;height:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; >a b c d e f g h i j k l ,...还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏
title 字符串 标题文字 iconCls 字符串 一个css类,将提供一个背景图片作为标题图标 border 布尔 是否显示面板的边界。 width 数字 表格的宽度 height 数字 表格的高度 ...nowrap 布尔 是否在一行显示数据
超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢? 超出两行...
<div> 我要留言</a><div> <div class="waicheng"> (NOT rs.EOF) %> ;"> <tbody><tr> <td height="30" nowrap="nowrap" align=left><img src="img/arrow.gif" height="9" width="9"> ("m_info")%> <td ...
但使用时要注意的是,td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度,则nowrap属性起作用的,如果设置了td宽度,则nowrap属性不起作用。 通过CSS让TD自动换行 项目中 ajax 应用需要动态创建...
用WordPress以来,本站一直是用CodeColorer来实现代码高亮,但原版的汉化不够完全,且与不少主题都冲突,因此本人将原版修改过后使用,并加入了可视化代码插入功能,之前也想发布出来,但因为懒,一直推迟到现在才把...
white-spacewhite-space用来设置浏览器对“空白”的处理,所谓的空白指的是你在编辑器里面输入的空格,回车,tab等。他的可选内容如下: normal: 默认。空白会被浏览器忽略。例如:开头结尾的空白忽略,字之间的,...