首先，放張實現效果圖。~~~~~~~~~~~此處是效果的分割線~~~~~~~~~~~其次，闡述下居中的方式。圖中文字框佔位42px，字型大小12pt，居中的方式就是在文字前插入空行，然後設定行高15px，段前距0px。效果就達到了。總結下，第一插入空行，第二設定，行高=（高度-字號）/2。在這個例子中，就是(42-12)/2=15。~~~~~~~~~~~此處是實現方法的分割線~~~~~~~~~~~順便，實現下底對齊。只要設定空行的行高是30px就可以了。底對齊公式，行高=高度-字號。在這個例子中，就是42-12=30~~~~~~~~~~~此處是底對齊的分割線~~~~~~~~~~~然後，闡述下實現的原理。在ai裡，pt和px雖然是兩個完全不同的單位，pt是1/72英寸，px是個相對的物理量，但是實際上在這個情形中，px也是1/72英寸。也就是說1px=1pt。可以拿新建畫布來驗證。相同的一個畫布，用不同單位衡量，都是100.這就再次證明了在ai中，adobe為了大家計算方便，就把顯示的ppi設為了72，這樣pt和px就相等了。~~~~~~~~~~~此處是原理的分割線~~~~~~~~~~~最後，總結下，此處用行高和字號兩個值控制文字垂直的對齊方式。在這裡做個提醒，有兩個引數也會影響文字的位置，一個是段後距，一個是文字的縮放比例。用行高和字號控制文字對齊方式的前提是段後距和文字縮放比例必須為零和100%。如果發現沒對齊，那麼請確認這兩個值。~~~~~~~~~~~結束~~~~~~~~~~~
首先，放張實現效果圖。~~~~~~~~~~~此處是效果的分割線~~~~~~~~~~~其次，闡述下居中的方式。圖中文字框佔位42px，字型大小12pt，居中的方式就是在文字前插入空行，然後設定行高15px，段前距0px。效果就達到了。總結下，第一插入空行，第二設定，行高=（高度-字號）/2。在這個例子中，就是(42-12)/2=15。~~~~~~~~~~~此處是實現方法的分割線~~~~~~~~~~~順便，實現下底對齊。只要設定空行的行高是30px就可以了。底對齊公式，行高=高度-字號。在這個例子中，就是42-12=30~~~~~~~~~~~此處是底對齊的分割線~~~~~~~~~~~然後，闡述下實現的原理。在ai裡，pt和px雖然是兩個完全不同的單位，pt是1/72英寸，px是個相對的物理量，但是實際上在這個情形中，px也是1/72英寸。也就是說1px=1pt。可以拿新建畫布來驗證。相同的一個畫布，用不同單位衡量，都是100.這就再次證明了在ai中，adobe為了大家計算方便，就把顯示的ppi設為了72，這樣pt和px就相等了。~~~~~~~~~~~此處是原理的分割線~~~~~~~~~~~最後，總結下，此處用行高和字號兩個值控制文字垂直的對齊方式。在這裡做個提醒，有兩個引數也會影響文字的位置，一個是段後距，一個是文字的縮放比例。用行高和字號控制文字對齊方式的前提是段後距和文字縮放比例必須為零和100%。如果發現沒對齊，那麼請確認這兩個值。~~~~~~~~~~~結束~~~~~~~~~~~