DIV+CSS 样式之 不出现横向滚动条,内容自动换行

今天写一个项目的时候发现在一个地方放overflow-x:hidden;overflow-y:auto;word-break:break-all;

不起作用,在公用的css里面放就可以了。

body,a,table,div,span,td,th,input,select{overflow-x:hidden;overflow-y:auto;word-break:break-all;}

注意:如果没有设置滚动条为hidden 则word-break:break-all;不起作用。

时间: 2024-10-12 11:53:01

DIV+CSS 样式之 不出现横向滚动条,内容自动换行的相关文章

div+css样式

CSS是Cascading Style Sheets的英文缩写,即层叠样式表. margin: 值1 上下左右margin: 值1 值2 上下 左右margin:值1 值2 值3 值4 上 右 下 左 CSS样式属性 字体属性 font(缩写形式) font-weight(粗细) font-size(大小) font-family(字体) Color(字体颜色) 文本属性 line-height (行高) text-align (对齐) letter-spacing (字符间距) text-de

DIV+CSS制作的水平三级横向弹出菜单

<!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-

DIV+CSS 样式简单布局Tab 切换

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../JS/JQuery/jquery-1.9.1.js" type="text/javascript"></script> <style type="

自己封装的一个纯div+css样式弹出泡泡消息框

也许很多框架都自带了这样的弹出泡泡框,但我没接触过,现在需要用,于是便自己封装了一个,虽然还不完美,但已经可以用了.这个小控件可以重定义样式,通过传递配置参数,或修改默认配置参数都可以进行样式调整.不管怎么说,就当是练手,或给新人提供一个参考学习的机会也行吧 /* * js 对象合并 */ function extend(newObj, defaultObj) { var result = {}; for (var p in defaultObj) { result[p] = defaultOb

div + css 样式连接

外部文件连接:<link rel ="stylesheet" type=""text/css" href="demo.css"/> 内联CSS:<style type="text/css"> a:link img{ filter:gray; } a:hover img{ filter:""; }   </style> html规范:<!DOCTYPE HT

css之超出部分不换行且显示横向滚动条

我不是专业前端,所以折腾了老半天啊QAQ 需求是两个div,内层div不换行且超出时外层div显示横向滚动条 类似以下这种: 刚开始的代码如下: <div class="nowrap"> <div class="item-t"></div> <div class="item-t"></div> <div class="item-t"></div>

1.横向滚动条,要设置两个div包裹. 2. 点击切换视频或者图片. overflow . overflow-x

1.横向滚动条. div.1 > div.2 > img img  img 第一: 设置 div.1 一个固定的宽度 和高度  . 例如宽度 700px;  高度是 120px; 设置 overflow-x 第二; 每个图片的 宽度是 150px, 高度 100px( 比 div.1 小, 要可以显示横向滚动条 第三: 重点 . 设置 div.2 的宽度 .  如果有 10个图片, 每个图片margin-right 为 10px,   那么 div.2 的宽度就是  (150+10)*10 这

使文字在div中水平和垂直居中的的css样式为,四个边分别设置阴影样式

text-align:center; /*水平居中*/ line-height: 20px; /*行距设为与div高度一致*/ HTML元素 <div>水平垂直居中</div> css样式 div{ width:200px;height:200px; /*设置div的大小*/ border:1px solid green; /*边框*/ text-align: center; /*文字水平居中对齐*/ line-height: 200px; /*设置文字行距等于div的高度*/ o

DIV+CSS网页标准化布局(一)

1.DIV+CSS定义及优势 Div+css 是什么? Div+css 是一种目前比较流行的网页布局技术 Div 来存放需要显示的数据(文字,图表..) , css 就是用来指定怎样显示, 从而做到数据和显示相互的效果 Div+css 优势 采用DIV+CSS模式的网站具有以下优势: 表现和内容相分离 代码简洁,提高页面浏览速度 易于维护和改版 提高搜索引擎对网页的索引效率 我们可以简单的这样理解div+css: div 是用于存放内容(文字,图片,元素)的容器. css 是用于指定放在div中