Re: [問題] 要怎麼讓英文字體與中文字體對齊呢?
CSS 部份
.memberName{
/* 將姓名span設定為行列區塊顯示 */
display:inline-block;
/* 指定寬度,假設以後有長名字可動態調整 */
width:4em;
/* 以下修正中文名字兩個字的左右對齊 */
text-align:justify;
text-justify:inter-ideograph;
/* 最後調整學歷部份與姓名區域的間距 */
margin-right:2em;
}
html部份
<ul class="members" >
<li><a href="#"><span class="memberName">李榮展</span><span class="memberEdu">美國西點軍校</span></li>
<li><a href="#staff02"><span class="memberName">Violinst Li</span><span class="memberEdu">美國羅格斯大學音樂博士</span></a></li>
<li><a href="#staff06"><span class="memberName">唐詩傑</span><span class="memberEdu">國立台中教育大學音樂系</span></a></li>
<li><a href="#staff09"><span class="memberName">劉展銘</span><span class="memberEdu">國立台北教育大學音樂碩士</span></a></li>
<li><a href="#staff14"><span class="memberName">丁 喬</span><span class="memberEdu">國立台南大學音樂系</span></a></li>
<li><a href="#staff10"><span class="memberName">駱思云</span><span class="memberEdu">輔仁大學音樂碩士</span></a></li>
<li><a href="#staff13"><span class="memberName">盧思蒨</span><span class="memberEdu">國立台北教育大學音樂系</span></a></li>
<li><a href="#staff11"><span class="memberName">張家瑜</span><span class="memberEdu">國立台北教育大學音樂碩士</span></a></li>
<li><a href="#staff03"><span class="memberName">羅培菁</span><span class="memberEdu">國立台北教育大學音樂碩士</span></a></li>
<li><a href="#staff012"><span class="memberName">陳奕君</span><span class="memberEdu">國立台灣師範大學音樂系</span></a></li>
</ul>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 111.243.219.18
推
09/11 15:20, , 1F
09/11 15:20, 1F
→
09/11 20:43, , 2F
09/11 20:43, 2F
→
09/11 20:44, , 3F
09/11 20:44, 3F
→
09/11 20:45, , 4F
09/11 20:45, 4F
→
09/11 20:46, , 5F
09/11 20:46, 5F
→
09/11 20:48, , 6F
09/11 20:48, 6F
推
09/12 15:28, , 7F
09/12 15:28, 7F
討論串 (同標題文章)
完整討論串 (本文為第 2 之 2 篇):