原先基于css2设计的网页怎样在css3中显示

html-css016

原先基于css2设计的网页怎样在css3中显示,第1张

原先基于css2设计的网页在css3中显示如下。

1、html做布局(超文本标记语言，标准通用标记语言下的一个应用。超文本就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

2、javascript或者jquery添加切换效果(javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为javascript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在html标准通用标记语言下的一个应用)网页上使用，用来给html网页增加动态功能。

超出指定文本以省略号显示效果，用css的"text-overflow:ellipsis"实现

text-overflow:ellipsis 溢出的部分用 省略号 表示。

<!DOCTYPE html>

<html>

<head>

<style> 

div.test

{

    white-space:nowrap 

    width:123px 

    overflow:hidden 

    border:1px solid #000000

    text-overflow:ellipsis

}

</style>

</head>

<body>

    <p>这个 div 使用 "text-overflow:ellipsis" ：</p>

    <div class="test">

        This is some long text that will not fit in the box

    </div>

</body>

</html>

在div块中要设置宽度，"overflow:hidden"要跟"text-overflow:ellipsis"使用才行