前段时间需要用到图片在同一个DIV中垂直居中 四处寻觅 好不容易获得 在此和大家分享 首先申明，这不是我写的，只是搜索到的。 ul,li{ margin:0; padding:0; list-style-type:none;}.box{ width:800px; height:500px; background-color: #FFC; border: 3px solid #000;}.left { width:220px; height:500px; display:table; text-align:center; float: left; border-right-width: 1px; border-right-style: ...
现在用DIV来定位的方式使用得越来越广泛。我最近在使用DIV定位图片的时候，发现DIV不能直接设置图片的垂直对齐方式狠伤了一阵脑筋，然后到网上找了很多解决办法。但是似乎都不太行，后来发现了 孟子E章(我超级惊讶孟子E章的知识广泛程度) 给别人回答问题的一个帖子里面有一个解决方法看起来很正宗。如下 < div id ="Layer1" style ="position:absolute; width:500px; height:305px; z-index:1; background-c...
最近修改公司一个用户登录页面,需要实现登录框在页面水平,垂直居中.因为才疏学浅,绞尽脑汁才想到利用绝对定位+百分比位置减去自身一半的长宽来实现垂直水平居中的,代码如下; 1 2 3 4 5 无标题文档 6 7 8 .test{ 9 position:absolute;10 width:200px;11 height:200px;12 background:#999;13 top:50%;14 left:50%;15 margin-top:-100px;16 margin-left:-100px;17 18 19 20 21 22 23 24...
1.vertical-align：middle 垂直对齐 如表格元素中的、、等，而像、这样的元素是没有valign特性的，因此使用vertical-align对它们不起作用。 2.text-align:center 文本水平居中 一、单行垂直居中 如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。如： ExampleSourceCode DIV{ height:25px; line-height:25px; overflow:hidden; ...
IE下 一、无法实现IE下垂直居中 可能出现的情况1、 无标题文档 可能出现的情况2、 无标题文档 二、实现IE下垂直居中 无标题文档 firefox、google等浏览器下 实现firefox、google等浏览器下垂直居中 无标题文档 个人总结：display:table-cell;要定义在一个具有具体宽高值的块元素容器里面，否则无法实现firefox等浏览器下垂直居中
本帖最后由 ppsharp 于 2013-12-31 00:23:46 编辑 代码如下，图片在火狐中可以水平居中，也可以垂直居中，但是在Chrome中只能垂直居中，不能水平居中。我搞了好久都找不到解决方法，大家帮我看看，谢谢了！ 注：javascript:DrawImage(this, 300, 300) 是一个等比例缩小放大的函数。 Test 回复讨论(解决方案) 这个应该是居中的 楼主可以把img给定宽度试试 你的js函数有问题吧。。 测试了再chrome 25.0.1364...
test ul { margin:0; padding:0; list-style-type:none; width:300px;}ul li { border:1px solid blue;}ul li a {display:block; border:1px solid red; height:60px; line-height:60px;}ul li a img { vertical-align:middle; margin-right:10px; border:0px;} Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 回复讨论(解决方案) 为了看得更清楚，我发一个带图片的代码 test ul { margin...
我想让图片在蓝色框里边，水平垂直居中，该怎么办？ 回复讨论(解决方案) 我现在只能水平居中 .pic_upload 是div css .pic_upload { width:180px; height:180px; float:left; margin:20px 0 0 20px; border:2px solid #5FA9E1; background-color:#F3F3F3; } .pic_upload img {display:block; margin:0 auto;} table 这个时候就体现出table的好处了 .pic_uploa...
HTML CSS 层怎么让背景水平垂直居中呢？ 代码如下： .ft_br{ width:1190px; height:250px; margin:0 auto; padding:0; backgroud:url(./images/ft.gif) no-repeat;/* 背景图片的尺寸是160px*50px的*/} 回复讨论(解决方案) 设置背景比较苛刻，可以用两层 valign：center div中加这个 valign：center div中加这个 别忘了来结贴啊 backgroud:url(./images/ft.gif) center center no-repeat; 也就是背景...
在css中定义： body{ margin: 0; padding: 0; text-align: center; vertical-align:middle; font: 16px Arial,宋体; } 但是字体不能垂直居中，为什么？ 回复讨论(解决方案) 但是字体不能垂直居中，为什么？ re: 你不给一个高度，让它怎么垂直居中呀，像我让你算出n-n的合，你知道n-n代表什么吗 ...
table垂直居中 在div中怎么让table垂直居中，div中添加了position: absolute; 回复讨论(解决方案) 来个人啊 请参考 table {position:absolute;top:50%;margin-top:- height/2} 解决了，我直接在table上边塞了一个div
有两个div： div1的大小是动态的，我想让div2在div1中垂直居中， 用css怎么写？ 回复讨论(解决方案) line-height和 height的值设置成相同的即可 line-height和 height的值设置成相同的即可 设置div1的line-height? #div1{ display:table-cell;vertical-align:middle;} #div1 { border-top:1px solid; border-bottom:1px solid; color:transparent; ...
我现在在写一个导航栏，用ul水平平铺，但是现在遇到了一个问题，就是要使我用float:left，那么在浏览器里放大页面会发现导航栏会乱掉，要使用display: inline;和white-space: nowrap;可以实现水平平铺，而且在浏览器中放大页面不会乱，但问题来了，用display: inline;和white-space: nowrap;后，里面的文字无法垂直居中，我是将ul放在一个div里面了，div想要让ul文字和图片在div里面垂直居中，并且横向排列（IE9无法垂直居中，Chro...
我是这方面的菜鸟。 这里有一条虚线，我想让它在页面的中间，可是这样没有效果···· 回复讨论(解决方案) 其实我是想在虚线上下各有一个表格 能够对称 可是虚线一直都不在页面中间 你可以写个属性为你想要的宽度，高度为1；背景色为你想要的色彩，margin:0 auto 你可以写个属性为你想要的宽度，高度为1；背景色为你想要的色彩，margin:0 auto 我是菜鸟能不能写出来看看！不是很...
如何设置div水平垂直居中？ 注意不是div的内容水平垂直居中，是div本身水平垂直居中。 网上找的都是div的内容水平垂直居中。 水平居中好说margin:0 auto;就行了 垂直试了好多都不行。 回复讨论(解决方案) http://www.cnblogs.com/yjzhu/archive/2012/11/19/2773209.html http://www.w3cplus.com/css/vertically-center-content-with-css 已上两篇文章，希望对LZ有所帮助。 http://www.cnblogs.com/yjzhu/archiv...