div层过长截断,不要断整个div

2024-11-05

CSS实现DIV超长截断，并显示...

DIV显示内容有时会超长,并把页面撑的很难看, 以前的做法是在JS中,或者后台判断其长度,过长就截断, 但由于中英文数字展示的宽度并不一样,截断的长度也就只能取最小值, 展示的效果也不好.利用CSS提供的方法,可以完美的解决该问题. .project-Name{ width:280px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } 这里宽度是必须定义的, overflow:hidden;表示超长部分不显示 tex

div层遮盖flash(兼容浏览器)

今天测试div层和flash的交互,发现div层总是被flash层遮盖,在百度上找了一会,说是加个<param name="wmode" value="transparent" />就成了,我加完后在IE下问题是解决了,但是FF下好像没有反应,后来才知道IE中和FF加的代码是不一样的,如下: IE浏览器下可用 <param name="wmode" value="transparent" /> fire

JS实现拖动div层移动

JS实现拖动div层移动在谈到拖动div层之前,我们有必要来了解下下面JS几个属性的区别---- pageX,pageY,layerX,layerY,clientX,clientY,screenX,screenY,offsetX之间的区别! PageX: 鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化.(只有firefox等标准游览器特有,IE没有). clientX: 鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的

CSS 如何使DIV层水平居中

今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题. 可是事实上这样的方法科学吗? 经过网络搜索和亲自实验得出以下结论: 正确的也是对页面构造没有影响的设置如下: 对需要水平居中的DIV层添加以下属性: margin-left: auto; margin-right: auto; 经过这么一番设置问题似乎解决了,在FF中已经居中了,可是在IE中看竟然还是没有居中! 郁闷了一下午,就是找

IE6下div层被select控件遮住的问题解决方法

Select在IE6下是处于最顶层的,因此想要遮住它,设置zIndex属性是不行的,就需要一个优先级更高的元素,就是iframe,当把iframe嵌套在弹出div层中后,把iframe设置为不可见,但它使弹出的div能浮于select等一些元素之上,因此完美解决了此问题,如下是需要弹出的Div代码,星号内代码为添加的iframe: <div id="quest"> <!--*******************************iframe***********

怎样设置一个DIV在所有层的最上层，最上层DIV

怎样设置一个DIV在所有层的最上层,最上层DIV,其实很简单,只需要在这个DIV上使用这个样式即可,z-index:99999

如何解决div层被flash遮盖的问题

页面构建中的Flash层会遮挡Div的问题,一般通过设置wmode="transparent" 或wmode="window"就可以解决.不过对于Flash视频这个貌似不太凑效. 对于Flash遮挡的问题,首先来了解一些wmode的一些属性值. wmode的5种取值 Window模式默认情况下的显示模式,在这种模式下 flash player 有自己的窗口句柄,这就意味着 flash 影片是存在于 Windows 中的一个显示实例,并且是在浏览器核心显示窗口之

JavaScript学习之DIV层与图像

DIV层与图像一.设计一个可定位的层 1.设置位置(position)和大小 (1)绝对定位(absolute):以页面边框为参照,只要设置好绝对位置,那么元素的位置会始终固定在距离边框某个位置的距离. 绝对定位有两个属性:left和top,分别是距离网页左边和网页顶部的绝对位置,可借助style属性直接设置: style="position:absolute;left:距离左边距离;top:距离顶部距离" (2)相对定位(relative):需要有一个参照元素,设置好相对位置和参照

问题：如何在固定大小的DIV层插入N多个图片

这是贴友问的一个问题,具体需求是: 如何在固定大小的DIV层插入N多个图片,使其一行排列,超出层宽时出现滑动条? 原以为利用overflow属性可以实现,但是测试失败.后来利用div层叠实现了效果. HTML代码: 1:  2: <!DOCTYPE html> 3: <html> 4: <head> 5: <meta http-equiv="cont

如何让Div层悬浮在Flash Object对象之上(转载)

今天有个用户,门户右上角的倒三角登陆小按钮在他的电脑上无法显示,他用的笔记本屏幕较小,宽度正好显示出页面内容,经查看,门户页眉使用的为flash对象. 大家都知道,如果想让某个图片或者Div层悬浮在别的对象之上,一般的方法是用CSS的z-index来定义.z-index的数值越大,对象越在上面. 但面对flash object对象,z-index无论调多大,你的对象总是在object下面. 这时你需要在Object的<object>...</object>标签内部加入一个参数 &l

js点击弹出div层

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

jquery实现DIV层拖动

<!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="Conte

AD DIV 层的知识和行为特效

1.AP(绝对定位) 2.使用AP DIV层和表格结合起来完美布局网页 3.层的Z轴值越大,该层就位于比较顶的位置 4.层有可见性的属性,层溢出,层的裁剪, 5层嵌套,先把光标定位在外层里面,然后拖多 "绘制 AP Div" 到外层内,即实现嵌套嵌套是指内层AP的代码在外层AP代码的内部行为特效 1.导航栏和下拉菜单靠近,热后分别设置两个鼠标离开和经过时显示或者隐藏的行为特效 2.特效都是javascript脚本语言实现的格式: <script> .....

DIV层漂浮居中

页面固定DIV层CSS代码

有时候为了用户体验更好些,网页设计师会把网站导航放在一个固定的DIV层里面,不随滚动条滚动.本方法是利用CSS,position:fixed属性来固定层,fixed是特殊的absolute,即fixed总是以body为定位对象的,按照浏览器的窗口进行定位.这样网站导航布局好看些,以下是实现的一种方法: #box { height:45px;/*高度*/ background:#488fce;/*背景颜色*/ width:100%;/*宽度*/ position:fixed;/*固定层*/ top

DIV层的使用方法

1.可以判断你选择的样式是否存在用下边的方法(如果存在的话执行某个方法) if ($(this).hasClass('cur')) 2.这个方法可以查询一个页面中同样的div层总共有几个 var i=$(".cart-list").length; 取某个大的div层中的小标签的值用下边的方法 Span取值后边用.text(),div取值用.val(); var prive=$(".cart-list").eq(j-1).find("span[class=p

js弹出div层,弹出层页面底部出现UL出现一条线问题

整个弹出div层,列表满一页时:底部会出现一条横线原因:ul固定写在页面中了解决方法: 将ul代码与li列表一样写在js中,如下 var newhtml = '<ul class="mui-table-view" style="height: 100%;" >'+ ...+'</ul>'; 之后显示就不会出现这条细线了.

js弹出div层内容(按回退键关闭div层及遮罩)

<div id="newhtml" class="white_content"> <div style="height: 5%;"> <ul class="mui-table-view" id="cd_ul_top"> </ul> </div> <div style="top:5

点击文字弹出一个DIV层窗口代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>点击文字弹出一个DIV层窗口代码</title> <style> .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height:

实现DIV层内的文字垂直居中(转)

有时候,为了网页设计的美观,需要把div+css设计的页面里的某些div层里的文字垂直居中,包括多行文字以及单行文字:方法有不少,但真正能实现而代码又简洁的介绍不多,flymorn就为大家介绍几种适用的div文字垂直居中的方法. 首先要知道css里vertical-align无效,W3C官方对vertical-align做了下面的解释: “ This property affects the vertical positioning inside a line box of the boxes

利用css如何让嵌套的div层不继承父div层的透明度？

http://zhidao.baidu.com/link?url=cvQhh0Q7_ah0qg9tc-2zP0cjB_PoIiIq6t6RFpp4aZPPNoVJUqyy7TT41TU5pWzRtRYIMNCkdMkAV36oR-RraFyyghs__ULNjlNiOGgkYOC 利用css如何让嵌套的div层不继承父div层的透明度? http://blog.csdn.net/foart/article/details/39177653 DIV浮在上层并让DIV背景半透明代码 http:/

div层 过长截断,不要断整个div

热门专题

div层过长截断,不要断整个div