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>
添加行间距样式,最终样式显示如下
pwidth:200px;
line-height: 50px; /*行内间距*/
margin:25px 0; /*段落间距*/
在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怎么修改行距啊的主要内容,如果未能解决你的问题,请参考以下文章