博客首页 → div

最新文章列表

用css或jquery方式 使div 水平、竖直均居中

  .className{ width:270px; height:150px; position:absolute; left:50%; top:50%; margin:-75px 0 0 -135px; }   jquery方法 $(document).ready(function(){ $(window).r ...
htmlcssJqueryJsDIV 
guangqiang 评论(0) 有1982人浏览 2013-01-16 11:43

div absolute 居中

很多情况下，我们需要在网页上弹出dialog，需要水平垂直居中。而且可以做到自动适应窗口变化 对于页面绝对定位，垂直居中 var h = $(this).height(); var oh = $(this).outerHeight(); var mt = (h + (oh - h)) / 2; $(this).css("margin-top", " ...
divabsolute居中 
yudey 评论(0) 有1000人浏览 2013-01-04 11:09

DIV 鼠标拖动

<html>  <head>  <title> New Document </title><script> var xCalendar,yCalendar,zCalendar,downCalendar=false,objCalendar;function startMoveCalendar(){  objCalendar=event.src ...
DIV 
qihuitoday 评论(0) 有774人浏览 2012-12-07 15:03

关于使用position: relative引起的遮挡问题

自己可以测试下，然后分析下自己的东西为什么，和这边关系对照下！ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&qu ...
divcsspositionrelative 
hacker507 评论(0) 有2736人浏览 2012-12-03 11:34

让div以弹出窗口显示的样式，始终在可视页面上

#LoadingStatus{// LoadingStatus为div的id position:fixed !important; position:absolute; top:100px; top: expression( ( 100 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.s ...
cssdiv弹出窗口显示位置 
mingzhuer18 评论(0) 有1633人浏览 2012-11-29 14:33

chrome div 百分比 高度 宽度 无效

chrome下div设置百分比高度失效 只能用px解决 .div1 {height:50%} 原因是因为div没有参照对象 给定body的百分比即可 body{height:100%;width:100%}
divwidthheight失效chrome 
chen106106 评论(0) 有1895人浏览 2012-11-22 13:08

一个Div在Body中的垂直居中

比如有一个div width:800px; height:500px;需要在body中垂直居中，即在游览器中垂直居中，可用如下方法，亲测，在div高度小于游览器高度时有效 <body> <div style=" width:800px; height:500px; position:absolute; top:50%; left:50%; margin-left:-4 ...
divbody垂直居中 
zhousheng193 评论(0) 有1334人浏览 2012-11-21 15:36

JS与DIV弹出层实例！

为了设计GPS地图显示轨迹程序  为了查询某段时间的轨迹而想设计一个弹窗对话层 <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <% String path = request.getContextPath(); String ...
DIVcssUIXHTMLJavaScript 
awaitdeng 评论(0) 有6049人浏览 2012-11-16 17:16

IE6下appendChild参数无效

关键字：IE6, appendChild, 参数无效,DIV, iframe 问题背景： 在一个iframe结构WEB页面，给弹出的窗口添加一个div。 结果在IE6下总是报：参数无效。IE7+ OK 注：窗口是Ext.Window 参考解决方案： ======================================================================= h ...
IE6appendChild参数无效DIViframe 
dingherry 评论(0) 有4240人浏览 2012-11-06 16:38

div+css 动态分页效果

业务逻辑就不给了，就给个index.jsp吧   index.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String ba ...
分页动态divcss漂亮 
__SuRa丶Rain 评论(0) 有1348人浏览 2012-10-29 13:01

DIV+CSS自适应窗口高度

<html> <head> <title>DIV+CSS自适应窗口高度</title> <style type="text/css"> body { margin: 0; padding: 0; color: #ffffff; } #header { width: 100%; ...
cssdiv 
xiaofengyu 评论(0) 有7354人浏览 2012-10-26 17:42

div中文本过长时显示部分文本及省略号

    有时候div的长度固定，而其中的文本内容太长，此时div中可以显示部分文本及省略号。     可以使用如下的css定义   .toolong{width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}  
div...省略号 
lanhuidong 评论(0) 有1276人浏览 2012-10-23 10:23

CSS中的position 的值： absolute 与 relative

CSS中position的absolute和relative的应用：往往我们在copy别人的代码，会把absolute属性与left、top配合起来制作相关的“悬浮层”效果。然而有时候我们需要针对某一个容器的悬浮效果而不是针对窗口的。这时候通过高度、宽度的计算不但麻烦，而且几乎无法完美实现效果。这个时候只要把要设置悬浮的效果的上一级的样式属性position设置为relative就可以了。也就是说， ...
csspositionabsoluterelativediv 
Rainbow702 评论(0) 有1707人浏览 2012-10-22 22:04

使用JQuery DatePicker屏幕下方会出现一个div情况的处理

在项目中需要使用一个日期控件来完成表单，由于项目使用了JQuery，所以干脆就是使用JQuery自带的DatePicker了。 在自定义DatePicker的Style过程中会发现屏幕的下方会出现一条不知名的线(上图不是很方便)。我查看了一下源代码，代码是这样的：<div id="ui-datepicker-div" class="ui-datepicker u ...
DatepickerdivjqueryUI 
breakyang 评论(0) 有2174人浏览 2012-09-25 07:26

【叨、校长】DIV大小随窗口改变、Ext Panel放大功能的实现

<html> <head> <title>My JSP 'index.jsp' starting page</title> <link rel="stylesheet" type="text/css" href="ext3.4/resources/css/ext-all ...
Paneldiv大小javascript放大 
wb1991wb 评论(0) 有1813人浏览 2012-09-09 20:39

网站设计中很重要的概念div+浮动

  在网站建设中，总会遇到html和css各种各样的问题，打开网站http://www.hualai.net.cn首页，查看源代码，满屏全是html标签，不下几十个div。 html中包括两种元素 内联元素(行内元素) 和 块元素 ,怎么理解呢？ 行内元素就是不换行的元素,并且大小可以自适应.  例如  a img  font  span，当我们建设一个网站的时候，里面的文字内容就是行内元素 ...
divcss浮动web 
web001 评论(0) 有807人浏览 2012-08-24 09:32

【javaWeb】显示和隐藏div

一、效果展示 1、初始状态，效果 2、点击“显示或隐藏”连接，效果 3、再次点击“显示或隐藏”连接，效果 二、实现代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> ...
javaWebdiv 
雪馨25 评论(0) 有793人浏览 2012-07-30 17:31

【javaWeb】div居中

设置div的css为 margin:0auto;text-align:center; 效果（中间的div是居中的）： 居中   例子代码 <div style="width:400px;height:100px;border: 1px solid blue;"> <div style="width: ...
divjavaWeb 
雪馨25 评论(0) 有1149人浏览 2012-07-30 16:16

div&td超出部分省略号表示

前提是div宽度和table宽度固定 代码：   <style> div.wid{ width:300px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } .tab { w ...
divtd 
天边一朵雲 评论(0) 有836人浏览 2012-07-24 11:11

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics