想让DIV居中 如何编写CSS

想让DIV居中 如何编写CSS的相关文章

• 
  让div+css的div居中, 而里面的文字不居中的做法

  标签：Web开发

  让div+css的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 title 做一个测试 /title style type="text/css" rel="stylesheet" body{ margin:0px; } #countainer{ margin:auto; width:600px; height:100%; background-color:#cccccc;...[ 查看全文 ]

  liujiuyu1986

  221
• 
  CSS实现不定高度DIV绝对居中

  标签：Web开发

  一般来说，指定高度的DIV垂直和水平居中比较方便，而不定高度的话就稍微麻烦了点，我尝试了一下，通过2个辅助的DIV实现了绝对居中，兼容IE和FF等标准浏览器。 CSS代码： #wrapper{height:100%;width:100%;overflow:hidden;position:relative} #wrapper[id]{display:table;} #mid{position: absolute;top:50%;left:50%} #mid[id]{display:table-cell;left:0;vertical-align:middle;position:static...[ 查看全文 ]

  【薄菏烟花凉】

  01
• 
  CSS实现DIV内容垂直及水平居中

  标签：Web开发

  因为垂直居中的主要问题出在IE系列上，因此用到了IE的条件注释、IE8的兼容视图，还算完美解决了目前所有的主流浏览器的CSS实现DIV内容垂直及水平居中问题，IE5.5，IE6，IE7，IE8，Firefox，Chrome，Safari，Opera 测试通过，逸品天空Web开发代码站 http://code.dlstu.cn/。 核心代码：  程序代码 meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" / style type="text/css" #container {w...[ 查看全文 ]

  蟹老板yea

  01
• 
  解决用CSS控制DIV居中失效的问题

  标签：Web开发

  有朋友使用DIV居中，但是却发现DIV居中失灵了，是怎么回事呢？下面给大家解决一下问题，呵呵！ 1、一般情况下DIV居中失效是因为没写DTD语句 在页面的最上方加上： ＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞ 就可以了！其实其他很多css的问题也是因为没有加上dtd语句引起的。 2、使用marg...[ 查看全文 ]

  恢复吨happy

  1421
• 
  Div上下居中

  标签：Web开发

  Div上下居中－www.51windows.Net 我站在中央了center 我站在中央了center [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][ 查看全文 ]

  这个游戏真难啊

  61
• 
  多种浏览器下CSS控制DIV居中的代码

  标签：Web开发

  关于CSS 控制DIV水平居中问题，我看到很多新人搞不明月。记得第一次看CSS是一个老外写的书，那个里面谈到居中使用。 margin-left:auto; margin-right:auto; 其实等同于： margin:0 auto; 于是可以使用这种方式，但是有人用IE时发现没有居中。这里建议你看看是否遗漏了DTD声明。 ＜!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/T...[ 查看全文 ]

  简繁真复杂

  181
• 
  DIV + CSS 入门

  标签：Web开发

  一、什么是DIV+CSS？ “DIV + CSS” 是最新WEB标准的一个典型的应用。 一般来说，网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）等。 结构主要包括例如DIV在内的一系列的HTML(XHTML)标签，表现主要包括CSS（层叠样式表：Cascading Style Sheets）， 行为主要包括例如对象模型（如W3C DOM）、ECMAScript等。 在我们日常所说的“利用DIV + CSS开发”概念中，DIV指的是包...[ 查看全文 ]

  一生爱你晓旭

  91
• 
  CSS：使DIV 在浏览器窗口中水平垂直居中

  标签：Web开发

  div style="position:absolute; top:50%; left:50%; margin:-200px 0 0 -275px; width:550px; height:400px"内容。图片文字flash等。请注意，div宽度高度以及margin负值需针对内容进行相应设置/div 说明： 绝对定位div position:absolute; 顶部和左边距 top:50%; left:50%; 使用外补丁 margin 负值，负值大小为层自身高度宽度各除以二 margin:-200px 0 0 -275px; 测试环境： IE6 Mozilla 2.0.0.5 Opera 9...[ 查看全文 ]

  孤单漂流瓶11

  21
• 
  用CSS让文字居于DIV的底部

  标签：Web开发

  css对文字的布局上没有靠容器底部对齐的参数，目前使用的一个不错的方法也比较好.就是用position属性来解决，看下面的代码，用position的相对和绝对定位功能也轻松的实现了，文字靠近div低部对齐，并且靠近的距离还可以精确到像素，自己可以调节，是不是很不错呢？ !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html head meta http-equiv="...[ 查看全文 ]

  妖_僧

  4081
• 
  CSS常见的让元素水平居中显示方法

  标签：Web开发

  用CSS让元素居中显示并不是件很简单的事情同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。 1.使用自动外边距实现居中 CSS中首选的让元素水平居中的方法就是使用margin属性将元素的margin-left和margin-right属性设置为auto即可。在实际使用中，我们可以为这些需要居中的元素创建一个起容器作用的div。需要特别注意的...[ 查看全文 ]

  冷耒兮

  21
• 
  怎么编写CSS

  标签：Web开发

  从上面的例子中，我们可以看到CSS的语句是内嵌在HTML文档内的。所以，编写CSS的方法和编写HTML文档的方法是一样的。 您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具（Frontpage、Ultraedit等），都可以用来编辑CSS文档。 那么您可能会问，独立编辑好的CSS文档怎样加入到HTML文档中呢？其实在第一章中的例子里已经介绍了两种方法。 一...[ 查看全文 ]

  怎么吃都好吃啊

  11
• 
  CSS编写攻略

  标签：Html CSS布局 Div+CSS XHTML

  一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《 常用css缩写语法结见附 》，这里就不展开描述。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100"，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注...[ 查看全文 ]

  哎呦喂_____123

  31
• 
  怎样编写CSS

  标签：Html CSS布局 Div+CSS XHTML

  上面的例子中，我们可以看到CSS的语句是内嵌在HTML文档内的。所以，编写CSS的方法和编写HTML文档的方法是一样的。 您可以用任何一种文本编辑工具来编写。比如Windows下的记事本和写字板、专门的HTML文本编辑工具（Frontpage、Ultraedit等），都可以用来编辑CSS文档。 那么您可能会问，独立编辑好的CSS文档怎样加入到HTML文档中呢？其实在第一章中的例子里已经介绍了两种方法。 一种是把...[ 查看全文 ]

  终极至尊粉1326

  31
• 
  DIV实现垂直居中对齐的方法

  标签：Web开发

  尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下)。标准浏览器如Mozilla, Opera, Safari等.，可将父级元素显示方式设定为TABLE(display: table;) ，内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂直居中，但非标准浏览器是不支持的。 非标准浏览器只能在子元素里设距顶部50%，里面再套个...[ 查看全文 ]

  如风自在678

  21
• 
  如何学习DIV CSS制作网页

  标签：Web开发

  我接触的很多人都问，如何学习Web标准制作网页呢？我想每一个刚刚接触web标准的人都会问这样的问题，我就根据自己的经验总结。 1.不要一味使用DW等工具设计网页，去熟悉(X)HTML语言和CSS语言 因为web标准对代码的要求提高了，没有对xhtml代码没有一定的了解是无法通过校检的。DW工具也可以使用，但是要看着代码写网页了。 首先是xhtml代码，不是很多，知道他们如何使用，怎么正确书写，而...[ 查看全文 ]

  鸣1165

  01
• 
  学DIV CSS技术,如何入门?

  标签：Web开发

  引言： 引用一本书中的一段文字：当我第一次开始学习汉语时，我的家庭老师老王给了我一本汉英字典、一本汉语语法书和一本初级教程。但是，他将这些书放 在一个书筐里，并说到下周才能派上用场。在第一周，他只教我听和记一些短语。在开始严格有序的学习前，他要我学会如何复述一些短评。请问，哪里有餐 馆？。请给我来点米饭。这件衣服多少钱？。在那个星期，我不得不无条件地接受知识、句子结构、发音和语法...[ 查看全文 ]

  青石木缘

  11
• 
  轻松学DIV教程（div＋css布局）

  标签：Web开发

  你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align=left等等)束手无策，不知道该转换成对应的什么CSS...[ 查看全文 ]

  chen_long1024

  31
• 
  DIV居中的绝好解决方法

  标签：Web开发

  现在进行WEB重构的时候,一般我们做DIV 居中是这样: body{ margin:0px auto; text-align:center; } 但是在没申明下面这句解析方法的时候,页面就会出错.不能居中对齐! !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" 为此困扰了我几天.那么有的朋友就会说:你加上这句不就行了吗？ 可是有时候页面并不能全部按上面规定的代码格式来编写,比如说要改多...[ 查看全文 ]

  enjoy王松平

  11
• 
  用js 让图片在 div或dl里　居中底部对齐

  标签：Web开发

  解决图片长宽大于容器,一边长一边宽，小于容器 在ff,ie里都通过 这里是js代码: 代码如下： HTML  HEAD   TITLE 脚本之家 www.tulaoshi.com New Document /TITLE   META NAME="Generator" CONTENT="EditPlus"   META NAME="Author" CONTENT=""   META NAME=&quo...[ 查看全文 ]

  19941205a4

  481
• 
  五种方法让CSS实现居中显示

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。 方法一 这个方法把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-align property 属性。 div id="wrapper" div id="cell" div class="content" Content goes here/div /div /div #wrapper {display:table;} #cell {d...[ 查看全文 ]

  北京后海微生活

  761