CSS怎么修改行距啊

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS怎么修改行距啊相关的知识,希望对你有一定的参考价值。

在网上搜到很多叫加一条代码的
可是我不知道加在哪里啊,试了很多地方都没用
另外我修改CSS样式里的“行高”也没用,字距没变小,倒是第一排的字变的只有一半T T
比如下面这个,aaaaaaaaaa和bbbbbbbbb之间的行距怎么改啊
不胜感激!

<html>
<head>
<title>gg米奇1</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (gg米奇1.gif) -->
<table id="__01" width="320" height="411" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/gg米奇1_01.jpg" width="320" height="151" alt=""></td>
</tr>
<tr>
<td align="left" valign="top" background="images/gg米奇1_02.jpg"><p>aaaaaaaaaa</p>
<p>bbbbbbbbbbbbbbbbbbbbb</p></td>
</tr>
<tr>
<td>
<img src="images/gg米奇1_03.jpg" width="320" height="174" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

行内间距通过如下css设置:

line-height: 10px;

对于不同段落之间的“行间距”,也就是段间距,这个可以设置段落元素的外边距来实现:

margin: top right bottom left;

示例如下:

    在HTML代码中给出两段示例文字,默认样式显示如下

    <p>我行内的元素,通过css样式line-height来设置行间距。</p>
    <p>我另起一段了,那么与上一段最后一行的间距需要对段落元素设置外边距margin。</p>

    添加行间距样式,最终样式显示如下

     p
      width:200px;
      line-height: 50px; /*行内间距*/
      margin:25px 0;     /*段落间距*/
     

参考技术A 设置行距是 line-height
在css里加上这样的代码。
例如:line-height:30px;或者line-height:150%;
参考技术B <td align="left" valign="top" background="images/gg米奇1_02.jpg" style="line-height:18px">aaaaaaaaaa<br>bbbbbbbbbbbbbbbbbbbbb</td> 参考技术C <td align="left" valign="top" background="images/gg米奇1_02.jpg" style="line-height:150%"><p>aaaaaaaaaa</p>
<p>bbbbbbbbbbbbbbbbbbbbb</p></td>

最主要的就是下面的一行代码

style="line-height:150%"

line-height的意思就是“行高”的意思。

【主要原因】【主要原因】【主要原因】

你文中的两个<p></p>

HTML就认为这是两段文字。

<p>和</p>之间就好象写作文的一个段。

你的字母aaaaaaa和字母bbbbbbb在两个段里,

line-height是改变一大段文字里,每一行的距离的。

两大段文字之间的距离估计line-height是改不了的。

【主要原因完毕】【主要原因完毕】【主要原因完毕】

=====

建议你不用<p>

或者虽然用<p>,但是把aaaaaaaaaaaaaa和bbbbbbbbbbbbb放在一个<p>里面

但是你想要把bbbbbbbbbbb下在下一行的话,可以在aaaaaaaaaaa

和bbbbbbbbbbbb之间加一个换行的HTML标记<br>
就是<p>aaaaaaaaaaaa<br>bbbbbbbbbbbbbbbb</p>本回答被提问者采纳
参考技术D line-height:150%;

以上是关于CSS怎么修改行距啊的主要内容,如果未能解决你的问题,请参考以下文章

CSS a:link无法修改链接颜色

打印的时候英语单词都在一块的怎么办?

jQuery EasyUI Panel的默认设置

winform中dataGridView上怎么修改、保存数据啊,急用啊?

c# 调整gridview行间距,如图,

css样式中鼠标划过之后在ie6下会晃动是怎么回事啊