国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

網頁中英文混排行高不等問題的解決方法

2020-10-23 18:32:43
字體:
來源:轉載
供稿:網友

基本上快被這個問題搞瘋了,癥狀如下

癥狀描述:在ie下(6或7,8沒有試過)當出現中英文混排,都采用默認字體時,并使用 li 列表做float時,會出現如上圖的癥狀,文字排列上下不對齊的情況。影響了布局的美觀性,造成上圖情況的原因是中英文的文字基線不同,arial字體的下邊緣要比宋體(同為12號)低一個象素,上邊緣比宋體矮兩個象素,而且英文還有i,y這種上下基線不同的情況。所以當中英文混排對齊時,就會出現明顯的高度差異,使排版不均。可見放大圖。

采用中英文字均使用宋體的方案

可以解決文字排列不對齊的情況,但宋體英文字是襯線字體(Times New Roman即是英文中的襯線字),字型緊湊,細節較多,排列在一起很醒目,但在連續成文時,容易造成辨識困繞,看錯行的情況。關于襯線字體的優缺點,請見這篇文章。相比之下,表示英文還是使用無襯線字體更美觀大方。

解決方法一 “餃子”童鞋的 發現。

英文采用tahoma字體

主站蜘蛛池模板: 营口市| 绩溪县| 浦东新区| 衡东县| 杨浦区| 威海市| 新河县| 固镇县| 和顺县| 茂名市| 舟山市| 贡山| 长垣县| 贵溪市| 洪泽县| 休宁县| 云林县| 新晃| 大城县| 留坝县| 邛崃市| 南澳县| 福清市| 宣威市| 四平市| 苍梧县| 连城县| 清水县| 克什克腾旗| 桐乡市| 巴中市| 长阳| 五原县| 罗定市| 大渡口区| 宁夏| 克拉玛依市| 呼和浩特市| 西盟| 大洼县| 镇江市|