CSS处理溢出

如果内容超过的区块的大小，内容就会溢出，可以使用下面的方法控制溢出

overflow
　　visible 不剪切内容也不添加滚动条
　　auto 在必需时对象内容才会被裁切或显示滚动条
　　hidden 不显示超过对象尺寸的内容(不显示滚动条，多余的内容就不要了)
　　scroll 总是显示滚动条
overflow-x (同上)
overflow-y (同上)

CSS 中滚动条的使用
scrollbar-3dlight-color 颜色/十六进制滚动条亮边框
scrollbar-highlight-color 颜色/十六进制滚动条 3D 界面亮边
scrollbar-face-color 颜色/十六进制滚动条 3D 表面
scrollbar-arrow-color 颜色/十六进制滚动条方向箭头
scrollbar-shadow-color 颜色/十六进制滚动条 3D 暗边
scrollbar-darkshadow-color 颜色/十六进制滚动条暗边框
scrollbar-base-color 颜色/十六进制滚动条基准颜色
scrollbar-track-color 颜色/十六进制滚动条的拖动区域

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>CSS 中溢出的使用</title>

<style type="text/css">

div{

    background-color:#F00;

    width:200px;

    height:100px;

    overflow:auto;

    scrollbar-face-color:red;

    scrollbar-shadow-color:green;

    scrollbar-track-color:bule;

}

</style>

</head>

<body>

<div>

    PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网PHP100.COM中文网

</div>

</body>

</html>

CSS处理溢出的更多相关文章

CSS 文本溢出时显示省略标记
如标题所示... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.o ...
css 元素溢出
css元素溢出: 当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置. overflow的设置项: (1)visible 默认值内容不 ...
CSS文字溢出部分自动用"..."代替
CSS文字溢出部分自动用"..."代替如html部分: <h4><马尔代夫双鱼岛Olhuveli4 晚6 日自助游></h4> <p&g ...
CSS 单行溢出文本显示省略号...的方法（兼容IE FF）（转）
http://www.52css.com/article.asp?id=602 =================================================== html ...
新公司入职第一天遇到的关于 CSS 单行溢出文本显示省略号...的问题
上班第一天前端岗位,因为公司这个项目是标准开发所以没法用框架在打架页面,好吧我手写各种div 各种css样式好不忧伤,好吧不废话了进入正题. 想在导航栏中的客户信息功能点实现溢出用 ...
CSS文本溢出显示省略号
项目中常常有这种需要我们对溢出文本进行"..."显示的操作,单行多行的情况都有(具体几行得看设计师心情了),这篇随笔是我个人对这种情况解决办法的归纳,欢迎各路英雄指教. 单行语法 ...
CSS 文字溢出时的自动隐藏
http://www.111cn.net/cssdiv/css/34050.htm 语法:overflow : visible | auto | hidden | scroll visible::不剪 ...
css text-overflow溢出文本显示省略号
<div style="width: 100px; overflow: hidden; text-overflow:ellipsis"> <nobr>当对象 ...
css文本溢出隐藏显示省略号（单行+多行）
文本超出若干行就换行,这个功能几乎每个文本浏览网站都会用到,实现它的办法也有很多,今天简单的介绍一下实现它的方法. 一. 单行文本不换行,并将超出文本隐藏 .box-content{ ove ...

随机推荐

css属性简写集合
作为一个前端攻城狮,CSS那绝对是基础,可是基础也有掌握不牢的时候.今天就来总结一下容易写错的CSS属性简写问题. 1.background 背景颜色:background-color ...
使用jQuery动态加载js脚本
动态加载Javascript是一项非常强大且有用的技术.这方面的主题在本站已经讨论了不少,我也经常会在一些个人项目上使用RequireJS和Dojo加载js.它们很强大,但有时候也会得不偿失.如果你使 ...
Mac OS 上设置 JAVA_HOME
Mac OS 上设置 JAVA_HOME 原文链接:http://han.guokai.blog.163.com/blog/static/136718271201301183938165/ 由于需要, ...
7 天玩转 ASP.NET MVC - 第 1 天
0. 前言正如标题「7 天玩儿转 ASP.NET MVC」所言,这是个系列文章,所以将会向大家陆续推出 7 篇.设想一下,一天一篇,你将从一个愉快的周一开始阅读,然后在周末成为一个 ASP.NET ...
【动态规划】之最长公共子序列LCS
int lcs_len(char *a, char *b, int c[][N]){ int aLen=strlen(a), bLen=strlen(b), i,j; ; i<=aLen; i+ ...
白话CSS3的新特性
声明:这篇文章不是手册,所以不会说的很详细,只是告诉初学者CSS3显著的改进有啥,高手老手绕行. 一.在边框上的改进 1.可以给方框加圆角了,值越大越圆,解决了过去大方框的不美观 2.可以给控件加阴影 ...
ExtJs之Panel基本布局
<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv ...
C# 实现抓取网站页面内容
抓取新浪网的新闻栏目,如图所示: 使用谷歌浏览器的查看源代码: 通过分析得知,我们所要找的内容在以下两个标签之间: <!-- publish_helper name='要闻-新闻' p_id= ...
UVALive 6187 Never Wait for Weights 带权并查集
题意:每次给出每两个数之间的大小差值.在给出关系的过程中插入询问:数a和数b的差值,若不能确定,输出UNKNOWN 解法:相对大小关系的处理:并查集 1.给出两点的相对大小关系后,找到两个点的根节点, ...
ant+jmeter+crontab实现自动化性能测试
准备工作: 1.下载jmeter(我下载的apache-jmeter-2.13.zip) 2.配置jmeter环境变量,即path前添加jmeter的bin路径) 3.下载ant(我使用的apache ...

CSS处理溢出

CSS处理溢出的更多相关文章

随机推荐

热门专题