-
岁月静好_94
-
chyco
- 单行文本是否真的垂直居中？我测得跟老师的不一样，我的测是真的居中了，求解
是不是因为absolute的原因啊...
- 2017-07-06 2回答·1741浏览
-
慕瓜8892989
- 垂直居中的方法和技巧
简单的情况text-align:center; vertical-align: middle等，下面是复杂一点的：
// 方法一：已知元素的高宽
<div></div>
CSS：
.content{
background-color:#6699FF;
width:200px;
height:200px;
position: absolute;
top: 50%;
left: 50%;
/* 二分之一的负height，width */
margin-top:-100px ;
margin-left: -100px;
}
//方法二:未知元素的高宽
<div></div>
CSS：
.content{
background-color:#6699FF;
width:200px;
height:200px;
position: absolute;
/* transform: translate(-50%,-50%) 或 margin:auto与四边距相等 */
margin:auto; /*无这个就只有top、left起作用*/
top: 0;
left: 0;
bottom:0;
right: 0;
}
//3，两个按钮在div中居中，并相距一定距离
<style type="text/css">
div{width: 600px;height: 500px;background-color: rgba(240,240,240,0.9);text-align:
center;}
.button{ width:100px;height: 90px;background-color: #f00;position: relative;top: 50%;
transform: translate(0,-50%) }
.button1{margin-left: 0;margin-right: 100px;}
.button2{margin-right: 0;}
</style>
</head>
<body>
<div>
<input type="button" class="button button1"></input>
<input type="button" class="button button2"></input>
</div>
- 2016-09-20 1回答·1593浏览
-
鱿鱼
- 为什么图片居中的效果我显示不出来
- 已采纳 tyrionyu 的回答
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
#div1{line-height:300px;background:gray;text-align: center;}
#div1>img{vertical-align: middle;}
</style>
</head>
<body>
<div id="div1">
<img src="images/css.jpg"/>
</div>
</body>
</html>
- 2016-09-14 3回答·2140浏览
-
qq_非诚勿扰_3
- 关于基线的配图
呵呵，拿积分的
- 2016-09-12 1回答·1535浏览
-
慕粉18833243792
- 视频加载不出来
看看是不是网断了==
- 2016-05-22 1回答·460浏览
-
慕粉3251612
- 还不如看书
这个网站学前端基础还是很不错的，网易云的课程很乱，耐心学吧
- 2016-05-14 1回答·414浏览
-
0154048潘世鑫
- 怎么提速呀
默认播放器改成html5
右下角有变速
- 2015-12-24 1回答·814浏览
-
北漂客
- Android 微信 Web View 中 line-height 的问题
line-height:normal;即可
- 2015-08-08 1回答·3111浏览
-
其修远兮
- 通过 基线 0 是不是可以实现 文字立体效果？？？
这样？
- 2015-07-20 2回答·1697浏览
-
hero_猎
- 能不能提供一下老师的博客地址，或者微博地址。或者论坛地址。
http://www.zhangxinxu.com/wordpress/
- 2015-07-03 2回答·1043浏览
-
SCAU_KK
- 张师兄，你好
- 2015-06-16 3回答·1249浏览
-
ElvisSir
- 慕课网论坛
- 已采纳 qq_迷恋丶巴黎铁塔_0 的回答
网页的视频播放器是怎么做的？如何兼容苹果和安卓的呢？
- 2015-06-16 3回答·3788浏览
-
qq_王小叔_0
- 老师是打了多少鸡血阿，视频做的这么逗比，一直强调那个“基”
说话断断续续的,,,,,,,说的时候又特别快,,,,,,,,,,,,,,,风格蛮喜欢的
- 2015-06-15 1回答·1199浏览
-
qq_王小叔_0
- 无关课程内容
老师可能在暗示哟
- 2015-06-15 1回答·374浏览
-
summerguo
- 无关课程内容
嗯，老师是个天性快乐的人吧
- 2015-06-10 1回答·943浏览
