liner_layout_2.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:baselineAligned="false"
    android:orientation="vertical" >
    
    <!-- 
    	文本对齐方式
    	android:baselineAligned="false" 设置文本的对齐方式，默认为true，按照基线对齐 在同一个线性布局中的元素生效
    	android:baselineAlignedChildIndex="1" 设置需要被对齐的元素所在位置（从0开始）设置不同线性布局中元素的对齐位置
    -->
    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
   
    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="HelloWorld"/>
     <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:text="HelloWorld"/>
	 </LinearLayout>
	 <LinearLayout 
	     android:layout_width="match_parent"
	     android:layout_height="wrap_content"
	     android:baselineAlignedChildIndex="0"
	     android:orientation="horizontal">
	     <TextView 
	         android:layout_width="wrap_content"
	         android:layout_height="wrap_content"
	         android:text="HelloWorld"/>
	     <LinearLayout 
	         android:layout_width="wrap_content"
	         android:layout_height="wrap_content"
	         android:baselineAlignedChildIndex="1"
	         android:orientation="vertical">
	         <ImageView
	             android:layout_width="wrap_content"
	             android:layout_height="wrap_content"
	             android:src="@drawable/btn"/>
	         <TextView 
	             android:layout_width="wrap_content"
	             android:layout_height="wrap_content"
	             android:text="你好，世界"/>
	     </LinearLayout>
	     <LinearLayout 
	         android:baselineAlignedChildIndex="2"
	         android:layout_width="wrap_content"
	         android:layout_height="wrap_content"
	         android:orientation="vertical">
	         <ImageView
	             android:layout_width="wrap_content"
	             android:layout_height="wrap_content"
	             android:src="@drawable/btn"/>
	          <ImageView
	             android:layout_width="wrap_content"
	             android:layout_height="wrap_content"
	             android:src="@drawable/btn"/>
	         <TextView 
	             android:layout_width="wrap_content"
	             android:layout_height="wrap_content"
	             android:text="你好，世界"/>
	     </LinearLayout>
	     
	 </LinearLayout>
</LinearLayout>

css图片与字体对齐（基线对齐）
.collection image{
  width: 13px;
  height: 13px;
  vertical-align: middle
}
.collection text{
  font-size: 0.5rem
}

相信大家都会遇到同行不同盒子中文本的内容不能对齐的情况，而不知道这是为何？其实这是因为基线对齐的原因。
什么是基线对齐？

先让我们来看一张图片：



到这里我们的疑惑是不是少了一些？基线对齐其实就是指英文字母`a、i、n、s`这些字母的底部，它跟中文字符的底部的含义是不同的。
那我们再看一下实测：
<div class="box1">
    哈哈
  </div>
  <div class="box2">
    呵呵
  </div>

<style>
    .box1 {
      display: inline-block;
      width: 100px;
      height: 100px;
      background-color: red;
      color: white;
      font-size: 48px;
    }
    
    .box2 {
      display: inline-block;
      width: 50px;
      height: 50px;
      background-color: blue;
      color: white;
      font-size: 16px;
    }
  </style>



这时候的对齐方式是没什么问题的（浏览器默认字符大小16px）

再我先来改变一下字符的大小看看，将.box1的字符改为48px：
.box1 {
      display: inline-block;
      width: 100px;
      height: 100px;
      background-color: red;
      color: white;
      font-size: 48px;
    }



可以看到两个盒子文本距离底线有明显的不同，那么更换下盒子字符看看？


这时候可以看到很明显的区别，这就是基线对齐。
那我再来看看不改变文字大小，改变文字的行数看看：
<div class="box1">
    哈哈哈哈哈哈哈哈哈哈哈哈
  </div>
  <div class="box2">
    呵呵
  </div>



这说明文字的基线对齐是相对于最后一行文字来说的！

那对于这种情况，如果我们想自定义垂直方向上的对齐方式改怎样呢？

在CSS中有个属性vertical-align是设置垂直方向上的对齐方式的，我们只需要在同一行的任一个选择器，或者父亲节点的样式上设置改属性就行。
.box1 {
      display: inline-block;
      width: 100px;
      height: 100px;
      background-color: red;
      color: white;
      vertical-align: top;
    }



vertical-align可能的值的列表如下：

线性布局及其子类布局中有基线对齐这个特性，即对所有能有基线(即getBaseline()返回正值)的View视图(一般多为TextView子类)默认采用基线对齐。

一般情况下它能很好的帮助我们对齐控件，显得很整洁，如下



可是当我们的文字是多行（或者两个控件之间的字体相差较多）的时候问题就出现了。



可以发现莫名奇妙的不对齐了，甚至有一部分已经在父控件显示范围之外了。

原因就是在于基线对齐。



看这个大图，父控件自动帮我们进行了基线对齐，而基线对齐默认是对齐第一行文字，所以就出现了这种情况。

至于怎么解决有两种方法，一种是为父控件增加 android:gravity="center_vertical"属性，这个属性一旦设置将会覆盖基线对齐的属性设置。

另一种推荐的方法就是明确在父控件声明不需要进行基线对齐 在XML中通过android:baselineAligned="false"或在Java通过 setBaselineAligned(false)来设置。

最终效果如下



有网友从源码角度分析了这个问题，地址为：http://blog.csdn.net/bdmh/article/details/48495583