text-overflow: ellipsis;的用法

如图所示,实现显示已经选择的筛选条件,并可以删除条件。

单行文本不折行,显示不了的就用省略号表示
HTML代码
<!DOCTYPE html>

按帝国CMS官方提示的结合项方法制作结合项目后,

<html>

再进行如下操作即可:

<head>

打开 userfun.php

<meta charset=”utf-8″>

找到

<title>JS Bin</title>

echo $allstr;

</head>

后面一行加入:

<body>

foreach ($_GET as $key=$val){ if($val  in_array($key, $fr)){ $url_this=$key.'='.urlencode($val); $url=str_replace($url_this,'',$_SERVER[REQUEST_URI]); $tj='已选择条件:'; $yixuan.='a href="'.$url.'"'.$val.'x/a '; } } echo $tj.$yixuan;

<div class=”ct”>

CSS样式:

多行文本固定高度的居中多行文本固定高度的居中

.del_jhx{ border:1px solid #0CF; padding:2px;}

</div>

</body>

</html>

CSS代码
.ct{

width: 200px;

white-space: nowrap;

澳门新葡亰3522平台游戏,border: 1px solid red;

overflow: hidden;

-ms-text-overflow: ellipsis;

text-overflow: ellipsis;

}

overflow: hidden;
内容超出宽度时隐藏超出部分的内容
text-overflow: ellipsis;
当对象内文本溢出时显示省略标记(…);需与overflow:hidden;
一起使用。
与上述方法符合所需要的条件: 1、可设置width(即内联或块)的元素;
2、只对单行文本起作用。 浏览器兼容:IE/Firefox/Chrome/Opera等。
多行文本折行,显示不了的就用省略号表示
CSS代码
.ct{

width: 200px;

border: 1px solid red;

overflow: hidden;

text-overflow: ellipsis;