首页 > 段落文字高度不固定,怎么设置行间距,感觉line-height百分比不可控。

段落文字高度不固定,怎么设置行间距,感觉line-height百分比不可控。

如题:下面是结构,要调整每个段落中文字的行间距,高度是不固定的,因为是新闻内容。有什么好的css办法,不要是hack

<div class="intro">
            <div class="intro-logo"></div>
            <p>汉字有长达数千年的
                发展和演变的历史过程,
                大致是:商代之前为起源
                史,殷商甲骨文为成熟期。
                此后出现一系列演化,特别是到
                了汉代,隶书取代小篆成为主要字体,
                中国文字发展历史就脱离古文字阶段进入
                隶楷阶段;楷书到隋唐基本定型,在宋朝刻
                印的书籍中被美术化成为「宋体字」,后有模
                仿宋体字而
                来的仿宋体,大体就是我们今天所用字体。</p>
            <p>
                汉字有长达数千年的
                发展和演变的历史过程,
                大致是:商代之前为起源
                史,殷商甲骨文为成熟期。
                此后出现一系列演化,特别是到
                了汉代,隶书取代小篆成为主要字体,
                中国文字发展历史就脱离古文字阶段进入
                隶楷阶段;楷书到隋唐基本定型,在宋朝刻
                印的书籍中被美术化成为「宋体字」,后有模
                仿宋体字而中国文字发展历史就脱离古文字阶段进入
                隶楷阶段;楷书到隋唐基本定型,在宋朝刻
                印的书籍中被美术化成为「宋体字」,后有模
                仿宋体字而中国文字发展历史就脱离古文字阶段进入
                隶楷阶段;楷书到隋唐基本定型,在宋朝刻
                印的书籍中被美术化成为「宋体字」,后有模
                仿宋体字而
                来的仿宋体,大体就是我们今天所用字体。
            </p>
        </div>

可以设置p标签14px,然后设置line-height,这可以吧?


用em或%表示就行啦,比如1.5倍行距就是这样:

font-size: 14px;
line-height: 1.5em;

不知你意图是什么,如果是段落之间的行间距,直接设P的margin就行了,如果是段落内的行间距,设置行高大于字体大小,行高减去字体大小就是行间距。而且你这样换行并不会真的换行,只会在中间加一个空格而已。

【热门文章】
【热门文章】