Question

html网页关于文字页面行距设置中碰到的问题

我给一段文字设置了以下代码
<p style="margin-bottom: 0em; margin-top: 0em; letter-spacing: 0em; line-height: 20pt; text-indent: 2em;"><span style="font-size: 10.5pt;"><span style="font-family: 宋体,tahoma,arial,sans-serif;">
在前台页面里显示的也都正常，但是我发现，当我用鼠标选择这段文字的时候，会被蓝色遮盖住上一行的的文字的一半，我想了解一下是怎么回事，是需要添加什么条件么？或者是哪里错了
就是这个状况，麻烦高手帮忙，谢谢。

Answer 1

大小，字体，行距，字体大小

可以计算出不同的方式，如磅＃quotel.quoter＃或像素（像素）。由于技术为基础的以像素为单位，因此，建议打印时需要转换为磅磅单位。

最适合Web文本显示字体的大小是12斤左右，众多的综合网站，由于需要安排页面的内容都是比较常用的9磅大小。要强调的标题或其它区域的较大的字体，可以使用较小的字体，在页脚和辅助信息。应该指出，小字体容易产生整体感和细腻感，但可读性差。

Web设计者可以使用的字体，更充分地反映设计来表达情感。字体选择是一种情绪，直观的行为。但是，不管什么字体选择，整体的眼光，应根据现场和游客的需求。例如：粗体强壮有力，一个男性的特点，适用于机械，建筑等;细腻优雅的衬线字，有女性来说，更适合服装，化妆品，食品等行业的内容。在同一页上，字体类型少，布局和典雅，有一种稳定感，字体种类繁多，布局活跃，丰富多彩的。页面内容，关键是如何把握这个比例关系。

提高平台独立性的角度来看，最好使用的默认字体的文本内容。由于浏览器显示本地机器上的字体页面内容。作为一个网页设计师必须考虑到大多数观众的机器配备了只有三种字体类型和数量相应的特定字体。你指定的字体查看器的机器不一定能够发现，它提供了大量的网页设计限制。解决问题的办法是：确有必要使用特殊的字体，文本可以从图像，然后插入页面。

行距的变化也会有很大的影响，对文本的可读性。在正常情况下，行间距设置的字体大小比较适合身。定期间距比10:12，即用字10:00，间隔12:00。这主要是由于以下考虑：适当的间距将形成一个重要的空白磁带来引导观众的视线，行距太宽一行文本将失去良好的连续性。

除了可读性的影响，行距本身是极富表现力的设计语言，以增强布局的装饰效果，你可以有意识地扩大或缩小行距，体现了独特的美学。例如，加宽行距可以体现轻松舒展的情绪，应用于娱乐，抒情内容适当。此外，通过精心安排的这么宽，窄行距并存，可增强空间布局水平和灵活性，表现出独特的匠心。

线间距可高（line-height的）属性来设置点或百分比单位推荐的默认行高。例如：{的line-height：20pt的}，{的line-height：150％}。

Answer 2

1建议所以文字用12号字，2用PX，像素来定义大小，3你的line-height定义比较大，最好在GOOGLE浏览器进行调试。你就知道原因了，

Answer 3

height 和 line-height
没配置好
另外：网页中的单位，建议用px，不用pt和em

追问

麻烦您一下，我该如何配置呢

追答

height 和line-height 设成一样高，就ok了

Answer 4

在做网页设计的时候，尽量用px来设置字体大小，不要用em这样的，统一管理。

Answer 5

试了下，没出现楼主说的问题，什么浏览器？或者页面有没有其他的css样式？