文档章节

HTML(四)

天宇逍遥heart
 天宇逍遥heart
发布于 2016/09/14 17:43
字数 862
阅读 7
收藏 0
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>溢出属性</title>
    </head>
    <body>

        <!--  overflow
        1.visible (默认的) 溢出依然可见
        2.auto  与 scroll类似
        3.hidden  溢出部分隐藏
        4.scroll  溢出的部分隐藏 但是可以滚动查看隐藏的内容
        5.inherit 继承父标签特性


        white-space
        1.normal - 正常显示状态  空白会被浏览器默认忽略,如果容器横向不足,会自动换行
        2. pre -  类似于预编译标签 空白和换行均被保留
        3. nowrap - 空白被忽略 不会自动换行,当遇到换行符时换行
        4. pre-wrap -  与pre类似  换行自动换行
        5. pre-line - 空白被忽略 自动换行


        text-overflow
        1.clip  溢出部分直接裁减掉
        2.ellipsis 溢出的部分用省略号标记
        -->

        <div style="overflow: hidden; width: 500px; height: 300px; background-color: blue">
            <p style="overflow: hidden;white-space: nowrap; text-overflow: ellipsis">
                南方有鸟焉,名曰蒙鸠,以羽为巢,而编之以发,系之苇苕,风至苕折,卵破子死。巢非不完也,所系者然也。西方有木焉,名曰射干,茎长四寸,生于高山之上,而临百仞之渊,木茎非能长也,所立者然也。蓬生麻中,不扶而直;白沙在涅,与之俱黑。兰槐之根是为芷,其渐之滫,君子不近,庶人不服。其质非不美也,所渐者然也。故君子居必择乡,游必就士,所以防邪辟而近中正也。

                  物类之起,必有所始。荣辱之来,必象其德。肉腐出虫,鱼枯生蠹。怠慢忘身,祸灾乃作。强自取柱,柔自取束。邪秽在身,怨之所构。施薪若一,火就燥也,平地若一,水就湿也。草木畴生,禽兽群焉,物各从其类也。是故质的张,而弓矢至焉;林木茂,而斧斤至焉;树成荫,而众鸟息焉。醯酸,而蚋聚焉。故言有招祸也,行有招辱也,君子慎其所立乎!

                  积土成山,风雨兴焉;积水成渊,蛟龙生焉;积善成德,而神明自得,圣心备焉。故不积跬步,无以至千里;不积小流,无以成江海。骐骥一跃,不能十步;驽马十驾,功在不舍。锲而舍之,朽木不折;锲而不舍,金石可镂。蚓无爪牙之利,筋骨之强,上食埃土,下饮黄泉,用心一也。蟹六跪而二螯,非蛇鳝之穴无可寄托者,用心躁也。
                是故无冥冥之志者,无昭昭之明;无惛惛之事者,无赫赫之功。行衢道者不至,事两君者不容。目不能两视而明,耳不能两听而聪。螣蛇无足而飞,鼫鼠五技而穷。《诗》曰:“尸鸠在桑,其子七兮。淑人君子,其仪一兮。其仪一兮,心如结兮!”故君子结于一也。

                  昔者瓠巴鼓瑟,而流鱼出听;伯牙鼓琴,而六马仰秣。故声无小而不闻,行无隐而不形 。玉在山而草润,渊生珠而崖不枯。为善不积邪?安有不闻者乎?

                  学恶乎始?恶乎终?曰:其数则始乎诵经,终乎读礼;其义则始乎为士,终乎为圣人, 真积力久则入,学至乎没而后止也。故学数有终,若其义则不可须臾舍也。为之,人也;舍 之,禽兽也。故书者,政事之纪也;诗者,中声之所止也;礼者,法之大分,类之纲纪也。
            </p>
        </div>
    </body>
</html>

 

© 著作权归作者所有

上一篇: iOS多线程
下一篇: HTML(三)
天宇逍遥heart
粉丝 1
博文 12
码字总数 12795
作品 0
上海
私信 提问
PostgreSQL学习手册(目录)

事实上之前有很长一段时间都在纠结是否有必要好好学习它,但是始终都没有一个很好的理由说服自己。甚至是直到这个项目最终决定选用PostgreSQL时,我都没有真正意识到学习它的价值,当时只是想...

wangxuwei
2016/09/07
21
0
Jquery 手风琴菜单

布雷泽
2011/06/16
0
0
JavaScript 基础--- (DOM 总结)

一、DOM 树模型 二、获得元素 三、 DOM HTML 1.修改 HTML 内容 输出:helloWorld 2.修改 HTML 属性 四、 DOM CSS 修改样式 输出: 四、 DOM 事件 不同写法 实例1 实例2 实例3 五、 DOM 节点 ...

姜白告
2018/06/20
0
0
PostgreSQL学习手册(目录)

事实上之前有很长一段时间都在纠结是否有必要好好学习它,但是始终都没有一个很好的理由说服自己。甚至是直到这个项目最终决定选用PostgreSQL时,我都没有真正意识到学习它的价值,当时只是想...

wangxuwei
2016/09/16
35
0
怎样使用autocomplete做简单的搜索提示,根据数据库

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> protected void Page_Load(object sender, EventArgs e) { DBHelpe......

亚亚111
2017/09/12
185
0

没有更多内容

加载失败,请刷新页面

加载更多

学习记录(day05-标签操作、属性绑定、语句控制、数据绑定、事件绑定、案例用户登录)

[TOC] 1.1.1标签操作v-text&v-html v-text:会把data中绑定的数据值原样输出。 v-html:会把data中值输出,且会自动解析html代码 <!--可以将指定的内容显示到标签体中--><标签 v-text=""></......

庭前云落
26分钟前
3
0
支撑微博亿级社交平台,小白也能玩转Redis集群(实战篇)

上篇文章《支撑微博亿级社交平台,小白也能玩转Redis集群(原理篇)》介绍了Redis集群相关原理,这篇文章将介绍Redis Cluster集群的搭建、配置,运维、扩容等具体操作 集群搭建 2018年10月 Re...

分布式系统架构
28分钟前
5
0
JVM -- 垃圾回收算法及分代垃圾收集器

Hello,今天记录下 Java虚拟机中的其中一个重点知识 --> 垃圾回收算法及分代垃圾收集器。 一起学习,一起进步。继续沉淀,慢慢强大。希望这文章对您有帮助。若有写的不好的地方,欢迎评论给建...

猫狗熊
41分钟前
3
0
ERC-777以太坊新代币标准解读

ERC777是一个新的高级代币标准,可以视为ERC20的升级版本,因此它解决了ERC20以及ERC223存在的一些问题,开发者可以根据自己的具体需求进行选型。 1、使用ERC820进行合约注册 有别于ERC20的自...

汇智网教程
今天
8
0
代理模式之JDK动态代理 — “JDK Dynamic Proxy“

动态代理的原理是什么? 所谓的动态代理,他是一个代理机制,代理机制可以看作是对调用目标的一个包装,这样我们对目标代码的调用不是直接发生的,而是通过代理完成,通过代理可以有效的让调...

code-ortaerc
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部