文字居中
height：20px；
line-height20px；// height=line-height

hetight=20px;
font-size=20px;
padding:10px 0;//用padding撑开

做移动端都会遇到文字垂直居中的问题，特别是有些手机真的很难调整，然后就是必须要文字居中，那就说说几种文字垂直居中的问题吧。

普通的元素例如div

1.这种居中，利用padding上下值来居中。

2.知道高度用line-height来，但是这个一般在安卓手机都有点不是很彻底的居中，偏下一点点。

3.利用弹性盒子display：flex；align-items: center;也能垂直居中；

如果是利用父子两个元素；上述的方法都行，在此基础上补充几个；

4.利用绝对定位。父级position: relative;子元素： position: absolute; top: 0;bottom: 0; margin: auto;

5.同样是绝对定位。父级position: relative;子元素： position: absolute; top: 50%;transform: translate(0, -50%);

6.如果是利用标签的属性，比如button，input这些都是可以自己垂直居中的；

7.当然，这些我全部试过，但是在安卓某些手机上依旧是偏上一点，这就很蛋疼了。后来也是自己寻找利用安卓的属性来特定的设置的方法，例如
isAndroid: function(){
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/android/i) == "android") {
        return true;
    } else {
        return false;
    }
  },
if(isAndroid()){
    $('.div').addClass('android');
}
.div{
    margin-top: 7px;
}
.div.android{
    margin-top: 10px;
}

但是这样写有点繁琐，因为每个页面很多地方都有可能需要。但是这是处理比较好的方式了，

8.还有就是利用transform先放大在缩小，但是这样一来就会把元素的占位放大一倍；而且仔细看还是有一点不居中，不过好多了。

9.内行高+line-height：normal；也能垂直居中,
<div style="box-sizing: border-box; padding: 5px; line-height: normal; font-size: 11px;">
  <span>嘿嘿</span>
</div>

10.行高+font-size:initial这样也能垂直居中。
<divstyle="line-height: 26px; font-size: initial;">
  <span style="font-size: 11px;"> 嘿嘿</span>
</div>

介绍了这些垂直居中的方法，总有一种适合你的

html文字居中�?a href="//www.css5.com.cn/html/352.shtml">html图片居中方法代码，通过在html中实现文字居中图片居中篇
�?a href="//www.css5.com.cn/html/">html中实现文字图片内容居中有三种方法，其中两种使�?a href="//www.css5.com.cn/">CSS样式实现，一直使用原始的html标签内加�?ldquo;align="center"”�?a href="//www.css5.com.cn/css/350.shtml">居中)实现�?/p>
一、对body加CSS居中样式
我们直接�?a href="//www.css5.com.cn/html/356.shtml">body设置CSS样式�?strong>text-align:center
1、完整HTML实例代码�?/p>
CSS5之居中实�?lt;/title>
body{text-align:center}
我会被居�?
2、居中实例截�?/p>
对body设置居中实现文字或图片居中截�?/p>
二、对文字外层对象加css居中样式
首先我们CSS命名选择器为“.CSS5”,对此选择器内加居中样式。我们实例演�?�?a href="//www.css5.com.cn/">DIV对象，一个放文字一个放图片�?/p>
1、对应CSS代码如下�?/p>.CSS5{text-align:center}
2、完整HTML+DIV+CSS代码如下�?/p>
CSS5之居中实�?lt;/title>
.CSS5{text-align:center}
我会被居�?lt;/div>
3、CSS实现对象内图片和文字居中效果截图
实现html文字居中-html图片居中实例截图
这里说明，图�?ldquo;CSS5-logo-201305.gif”文件是与html放一起，使用html img标签实现图片引入html�?/p>
4、本居中实例在线演示�?a href="//www.css5.com.cn/yanshi/201308/2013081701/" class="yanshi" target="_blank">查看案例
5、本居中实例打包下载�?/p>
三、之间对文字外层对象加align="center"
此方法是以前较为常见的方法，直接在html标签内使用align="center"即可实现对象内图片或文字内容实现居中�?/p>
我们实例演示HTML表格里居中与一般HTML标签内内容居中�?/p>
1、完�?a href="//www.css5.com.cn/html/26.shtml">HTML源代�?/a>�?/p>
html align居中
我会居中�?lt;/div>
表格中居�?lt;/td>
2、实例效果截�?/p>
html文字居中�?a href="//www.css5.com.cn/html/380.shtml">html table表格内文字居中实现截�?/p>
直接在标签内使用align属性，方便实践普�?a href="//www.css5.com.cn/html/323.shtml">html标签和html表格标签内使�?ldquo;align="center"”居中代码实现对象内内容居中�?/p>
标签(Tag): 居中  html
本文分享URL地址�?a href="/html/603.shtml">/html/603.shtml
作者：css5

如果套用simple_spinner_item或是simple_spinner_dropdown_item，然后直接在Spinner中用
android:gravity="center"
是无法让Spinner中的文字居中的。
这是因为Spinner中的文字其实是套在TextView中的(参考：http://www.douban.com/note/483280526/?type=like#sep)。
一开始我想到的一种办法：
在spinner外面嵌套一个LinearLayout，设置android:gravity="center",这样spinner自然就居中了。这样的缺点是只能设置Spinner为Wrap_content了。
其实可以这样：
simple_spinner_item.xml和simple_spinner_dropdown_item.xml其实都是在sdkplatformsandroid-18dataeslayout中的，那么我们可以覆写他们。
比如这样覆写：
把TextView中的gravity改一下，这个问题就解决了。
另外，StackOverflow上还有人给出其他的方法：
The component that actually creates the items for the Spinner is the adapter. So you should customize it (by overriding the getView() method) to return centered TextView widgets.
In your case, replace the new ArrayAdapter ... initialization with this code:
ArrayAdapterdataAdapter =newArrayAdapter(this,android.R.layout.simple_spinner_item,NomProjets){@OverridepublicViewgetView(intposition,ViewconvertView,ViewGroupparent){returnsetCentered(super.getView(position,convertView,parent));}@OverridepublicViewgetDropDownView(intposition,ViewconvertView,ViewGroupparent){returnsetCentered(super.getDropDownView(position,convertView,parent));}privateViewsetCentered(Viewview){TextViewtextView =(TextView)view.findViewById(android.R.id.text1);textView.setGravity(Gravity.CENTER);returnview;}};