当前位置: 代码迷 >> Web前端 >> line-height罗致的表格显示不完整
  详细解决方案

line-height罗致的表格显示不完整

热度:294   发布时间:2012-10-13 11:38:17.0
line-height导致的表格显示不完整
<div class="style1" style="width:80%">
		<p>
			<table width="100%">
				<tr>
					<td style="text-align:left;width:50%">标题:</td>
					<td><input type="radio" name="lc" value="lc2"/>タイプ</td>
					<td><input type="radio" name="lc" value="lc3"/>タイプ</td>
				</tr>
			</table>
		</p>、
</div>

css
p
{
background-color:#FFF;
margin:1cm;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
}
div.style1
{
line-height:10px;//比较小,会造成上面td中汉字显示不完整
background-color:#E0E0E0;
height:90%;}


这是设置行间距
设置<p>之间的段落建军
可以使用css中的margin-top来设置大小
或者直接用<br>或<p>扩大间距

区别cellspacing和cellpadding、、
cellspacing 属性规定单元格之间的空间。
该属性与 cellpadding 属性相混淆,cellpadding 属性规定的是单元边沿与单元内容之间的空间。
  相关解决方案