显示隐藏-overflow（HTML、CSS）

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>显示隐藏-overflow</title><style>.peppa {/*   overflow: visible; *//* overflow: hidden; *//* 把溢出的部分隐藏 *//*    overflow: scroll; *//* 把溢出的部分显示成滚动条 */overflow: auto;/* 如果有超出的时则显示出滚动条，否则反 */width: 200px;height: 200px;border: 3px solid skyblue;margin: 100px auto;}</style>
</head><body><div class="peppa">《小猪佩奇》，又名《粉红猪小妹》（台湾名为粉红猪），英文名为《PeppaPig》，是由英国人阿斯特利（Astley）,贝克（Baker）,戴维斯（Davis）创作、导演和制作的一部英国学前电视动画片，也是历年来最具有潜力的学前儿童品牌。故事围绕小猪佩奇与家人的愉快经历，幽默而有趣，籍此宣传传统家庭观念与友情，鼓励小朋友们体验生活。</div>
</body></html>

显示隐藏-overflow（HTML、CSS）相关推荐

css元素的显示与隐藏 display显示隐藏 +visibility显示隐藏 +overflow溢出显示隐藏
css元素的显示与隐藏 display显示隐藏元素 visibility显示隐藏元素 overflow溢出显示隐藏总结 display显示隐藏元素 display 设置或检索对象是否及如何显示. d ...
纯css控制文字显示隐藏
纯css控制文字显示隐藏用到css 伪类 :checked :checked 选择器匹配每个已被选中的 input 元素(只用于单选按钮和复选框). html <div class=" ...
CSS（五）：定位与显示隐藏
目录定位为什么需要定位定位组成 1. 定位模式 2. 边偏移定位模式 1. 静态定位 static 2. 相对定位 relative(重要) 3. 绝对定位 absolute(重要) 4. 固 ...
CSS学习221~249（定位+元素的显示隐藏）
1 定位 1.1 为什么需要定位浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子. 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子. 1.2 ...
div元素显示隐藏切换，点击空白位置消失
HTML <div class="clickthis" onclick="showHide()">举例点击这个</div> <di ...
从零开始学前端：显示隐藏与文本溢出 --- 今天你学习了吗？（CSS：Day16）
从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:浮动 - 今天你学习了吗?(CSS:Day15) 文章目录从零开始学前端:程序猿小白也可以完全掌握!-今 ...
CSS常用技巧（元素显示隐藏、用户界面样式、垂直对齐、溢出文字省略号显示、精灵技术、滑动门、margin负值之美和css三角之美）
CSS常用技巧 CSS常用技巧(元素显示隐藏.用户界面样式.垂直对齐.溢出文字省略号显示.精灵技术.滑动门.margin负值之美和css三角之美) 1.元素显示隐藏 1.1display 显示(重点) ...
CSS浮动、定位及显示隐藏元素
一.CSS浮动 1.标准流(普通流/文档流:即标签按规定默认排列方式) 块级元素独占一行,从上到下排列. 行内元素会按顺序,从左至右排列,碰到父级元素边缘则自动转行. 2.为什么浮动? (1)多个块级 ...
css3左右滑动不显示滚动条,隐藏滚动条并用CSS左右滑动
我创建了一个框,我想在左右方向上水平滚动内容,并且想要使用触摸进行滑动并隐藏滚动条,这里是工作区JSfiddle隐藏滚动条并用CSS左右滑动我应该尝试使用任何JSplugin来处理这个问题,还是这件 ...

显示隐藏-overflow（HTML、CSS）

显示隐藏-overflow（HTML、CSS）

显示隐藏-overflow（HTML、CSS）相关推荐

最新文章

热门文章