如何用CSS将超出显示宽度的内容隐藏起来

在显示列表的时候,太长的标题默认会换行显示,而这样的显示方式往往会破坏我们原有的页面布局,如何在我们无法知道标题长度的情况下,将超出显示宽度的内容隐藏起来?一个常见的做法是用服务器端语言判断、截取,但是这样在以后需要显示更长的标题时就需要修改服务器端脚本。
这里介绍的是如何用CSS将超出显示宽度的内容隐藏起来,在 IE 下我们还可以添加一个省略号,来表示多余的字符已经截断,以后改版也更方便。

<style type="text/css"> 
.textOverFlow { 
    width:300px; 
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    border:1px solid #ddd; 
} 
</style>

实现原理:
(1)指定宽度:width:300px;
(2)overflow:hidden; 将超出内容隐藏
(3)text-overflow:ellipsis; IE 专有属性,当对象内文本溢出时显示省略标记(…)
(4)white-space:nowrap; 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。

PHP获取当前页面URL

在PHP众多预定义服务器变量中,$_SERVER["REQUEST_URI"] 算是经常用到的,但是这个变量只有apache才支持,因此,我们需要一个更加通用的方式来获取REQUEST_URI的值,本文就是结束这一问题的解决方案

// 说明:获取 _SERVER['REQUEST_URI'] 值的通用解决方案 
// 整理:www.2dan.cc 
<?php
function request_uri() 
{
    if (isset($_SERVER['REQUEST_URI'])) 
    {
        $uri = $_SERVER['REQUEST_URI']; 
    }
    else
    {
        if (isset($_SERVER['argv'])) 
        {
            $uri = $_SERVER['PHP_SELF'] .'?'. $_SERVER['argv'][0]; 
        }
        else
        {
            $uri = $_SERVER['PHP_SELF'] .'?'. $_SERVER['QUERY_STRING']; 
        }
    }
    return $uri; 
}
?>

align的AbsBottom 、AbsMiddle 、Baseline 、Bottom 、Middle

AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。 AbsMiddle 图像的中间与同一行中最大元素的中间对齐。 Baseline 图像的下边缘与第一行文本的下边缘对齐。 Bottom 图像的下边缘与第一行文本的下边缘对齐。 Left 图像沿网页的左边缘对齐,文字在图像右边换行。 Middle 图像的中间与第一行文本的下边缘对齐。 NotSet 未设定对齐方式。 Right 图像沿网页的右边缘对齐,文字在图像左边换行。 TextTop 图像的上边缘与同一行上最高文本的上边缘对齐。 Top 图像的上边缘与同一行上最高元素的上边缘对齐。

Linux上安装KDE, Gnome和VNC

安装所需环境:
需要至少256m的可用内存(128也可以不过有点卡)
CentOS或类似OS(Debian的话改成apt-get应该也可以)

1,安装KDE

yum install kdepim

或安装Gnome(256内存可两个都安装)

yum groupinstall gnome-desktop
yum install gnome-session

2,安装VNC和其他

yum -y install vnc vnc-server firefox x11-xorg
yum -y install fonts-chinese

重要:要执行:

yum groupinstall "X Window System" "GNOME Desktop Environment" "KDE (K Desktop Environment)"

这个,不然不稳定

- 阅读剩余部分 -