文字居中

垂直居中(vertical-align)

我们都知道有这么一个属性可以让图片,文本等在元素中垂直居中

1
vertical-align:middle;

vertical-align值有很多,常用的就是middle,bottom,text-bottom等,我们先说middle。

vertical-align时而没效果

然而真实使用的时候,我们会发现这个属性“时灵时不灵”,有些情况下我们加了这个属性之后仍然不见img或者text有任何的变化。那是因为vertical-align只作用在inline-block或者inline,还有table-cell等元素内。同时这两种还有所不同。

Css

前面有文章写过angular的$http请求的简单书写和使用。
回顾一下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
var Server = angular.module("Server", []);

Server.service("Api", ["$http", function ($http) {
return {
getTest : function (params, callback) {
$http({
url: 'www.baidu.com?name=xxx&passwd=xxx',
method: 'GET'
}).success(callback);
},
postTest : function (data, callback) {
$http({
url: 'www.baidu.com',
data: data,
method: 'POST'
}).success(callback);
}
}]);

var App = angular.module("App", [ "Server"]);
App.controller('Ctrl', ['$scope', 'Api',
function($scope, Api) {
Api.getTest("?name=xxx&passwd=xxx", function(res){
//res为返回值
alert("请求成功!")
});
Api.postTest({name: xxx, passwd: xxx}, function(res){
//res为返回值
alert("请求成功!")
});
}]);