爱飞 发表于 2015-1-15 22:49:40

给大家带来css中英笔墨母和汉字行高分歧怎样办

缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
破洛洛文章简介:css中英笔墨母和汉字行高纷歧样的办理举措。
比来在写一个css的时分碰到一个成绩:英笔墨母和汉字的行高纷歧样,招致在全汉字、全英笔墨母和汉字字母夹杂时设置好的margin或padding属性呈现偏向…固然这类情形之存在于IE扫瞄器,Safari、GoogleChrome、Firefox、Opera均不存在相似的成绩
发生的缘故原由:

全汉字的时分:

一样平常情形在选中文本能够看出汉字是上对齐的(详细体现是选中字体,从背景上看上往上面多了一部分,用css术语讲就是发生了padding-bottom属性,为了申明成绩临时就说存在padding属性吧)。
全英笔墨母的时分:

相似于全汉字在全英文的情形下是下对齐,会呈现相似padding-top的属性。不论是全汉字仍是全英文这时候候的行高是一样的。
字母汉字夹杂:

可是假如把汉字和英笔墨母夹杂在一同的时分就能够看出来不同了,这时候候再选中一切字体就能够看出来这时候候是的补白是padding=padding-top+padding-bottom,也就是会多出来一个padding-top(也能够说是padding-bottom),一样平常字体在12px的情形下,多出来的部分也许是2px。
办理举措:


[*]变动字体:

原本想利用line-height流动的,可是line-height是每行的基线与基线之间的间隔,又由于汉字的基线和英笔墨母是分歧的,以是起不到感化,再说假如是用作导航菜单只要一行仍是没有效的。
如许只要从字体高低手了,还真有一种字体能够办理这个成绩,这个字体就是“simsun”,“simsun”就是传说已久的“宋体”,在windows字体文件夹下“宋体”的文件名就是“simsun”,他的兄弟“simhei”就是一般说的“黑体”。
以是,办理举措就是把font-family设置成“simsun”,这大概会丧失一些效果,没举措假如谁有更好的办理举措能够指教一下。

</p>
一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。

愤怒的大鸟 发表于 2015-1-17 18:57:07

经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.

仓酷云 发表于 2015-1-25 08:59:05

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

再现理想 发表于 2015-2-2 21:46:33

Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

admin 发表于 2015-2-8 08:07:49

Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

莫相离 发表于 2015-2-25 06:21:19

HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)

只想知道 发表于 2015-3-7 19:47:37

由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。

第二个灵魂 发表于 2015-3-15 14:35:50

布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。

柔情似水 发表于 2015-3-22 02:37:07

学Dreamweaver技术的过程其实是一个增加信心的过程。
页: [1]
查看完整版本: 给大家带来css中英笔墨母和汉字行高分歧怎样办