HTML与CSS之子元素的溢出和锚点

作者: JustinPenChia | 来源:发表于2016-10-29 17:15 被阅读129次

一.子元素的溢出 overflow

在容器中写入段落文章,当容器装不下的时候就会出现溢出
有三种情况

1.默认让元素溢出,也就是让溢出的部分可见

 overflow:visable;
文章溢出

2.让子元素在父元素中以滚动条的形式显示

 overflow: scroll;
滚动条

3.不显示超过对象尺寸的内容

overflow:hidden;
隐藏

二.锚点

类似于做了个记号,通过<a href=" "></a>标签快速跳转到做记号的位置
锚点的做法:
<a name=" "></a>
例如:
页面很长,通过锚点可以直接跳转到需要的那个位置。
在需要的位置设置锚点,<a name="p1"></a>
通过<a href="file:///html文件所在的路径#p1"></a>就可以跳转

相关文章

  • HTML与CSS之子元素的溢出和锚点

    一.子元素的溢出 overflow 在容器中写入段落文章,当容器装不下的时候就会出现溢出有三种情况 1.默认让元素...

  • 前端拾遗

    HTML a中的href属性配置为#xxx的形式时,可以寻找到name=xxx和id=xxx的锚点元素a。非锚点的...

  • 前端实现滚动到顶部的三种方式

    css, html, dom 创建测试页面 锚点方式 使用页面的锚点链接进行滚动: 直接滚动 使用 window ...

  • iOS UIKit动力学(四)吸附(UIAttachmentBe

    iOS UIKit力学(一)基本介绍(目录) 导语 吸附主要发生在:元素与锚点、元素与元素之间。当元素与锚点连接,...

  • html

    a标签默认动作:1.打开页面 2.跳转锚点 html只管内容,css管样式 标签: a:anchor 标记锚点,超...

  • UIDynamicAnimator 动力

    UIAttachmentBehavior 吸附 anchorPoint 锚点 length 元素和锚点之间的距...

  • 每日前端签到(第123天)

    第123天(2018-12-05) html] 你知道什么是锚点吗?它的作用是什么?怎么创建一个锚点? [css]...

  • CSS初探8

    Head First HTML与CSS 第九章 盒模型 CSS——掌控页面的表现 id属性 为元素指定id和将元素...

  • HTML中块级元素和行内元素

    HTML标签CSS盒模型块级元素和行内元素的定义块级元素和行内元素的分类 1、 HTML标签 html标签定义: ...

  • 垂直居中的方法

    行内元素居中 html css before元素居中 html css table-cell居中 css 垂直居中...

网友评论

    本文标题:HTML与CSS之子元素的溢出和锚点

    本文链接:https://www.haomeiwen.com/subject/qqdyuttx.html