`

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 属性规定的是单元边沿与单元内容之间的空间。
分享到:
评论

相关推荐

    关于css中line-height(行高)设置无效的问题的解决方法

    如果`line-height`在`font`属性之后指定,那么它会被`font`中的`line-height`值覆盖,导致设置无效。 为了解决这个问题,我们需要确保`line-height`属性在`font`属性之前声明,或者完全避免使用`font`简写属性,...

    移动端android上line-height不居中的问题的解决

    然而,在Android上,特别是使用`rem`单位进行响应式设计时,由于字体大小可能不是整数,导致`line-height`计算不准确,进而出现居中对齐失效的情况。 首先,避免使用奇数或带有小数点的字体大小是解决此问题的一个...

    关于td的height和line-height兼容问题

    一个常见的问题就是在IE(Internet Explorer)和FF(Firefox)等不同的浏览器中,同一段代码下的表格单元格(td)的高度显示不一致。具体来说,当开发者设置td的height属性时,不同浏览器对高度的渲染存在差异,如在...

    line-height 和 vertical-align 行高与行对齐精解 (图文)

    行高(line-height)是CSS中用于控制文本行基线之间垂直距离的属性,它直接影响文本的阅读舒适性和视觉美观。行高不仅决定了行与行之间的空白距离,而且它还会影响字符的布局和对齐方式。行高的设置对于响应式设计尤为...

    浏览器兼容问题

    **问题描述**:在 IE6-7 中,当图片与文字并排显示时,`line-height` 不起作用。 **解决方案**:将元素设置为浮动。 ```css .text-image { float: left; } ``` **解释**:通过将元素设置为浮动可以解决 IE6-7 中...

    CSS+DIV教程

    2. **IE6 兼容性处理**:由于 IE6 不支持 `min-height`,可以通过 CSS hack 方法来解决兼容性问题。 **示例**: ```css .yangshi { min-height: 50px; /* IE6 兼容 */ _height: 50px; width: 150px; border: 1...

    gridview表头拆分行

    - **CSS样式调整**:通过CSS样式,我们可以设置thead中的th元素,通过line-height、display和vertical-align属性来实现多行显示。例如,可以设置`line-height: 0; display: table-cell; vertical-align: middle;`...

    div vertical-align不起作用解决办法

    总之,解决 `div vertical-align` 不起作用的问题,需要从多个角度去排查,包括但不限于文档声明、`line-height` 的设置、元素的`display`属性、以及浏览器兼容性和CSS优先级。通过这些方法,可以确保你的元素在垂直...

    CSS兼容IE和Firefox的技巧集合

    `**:这仅适用于内联元素或表格单元格,因此不适用于块级元素。 2. **调整行高`line-height`**:将`line-height`设置为与div高度相同,确保内部文本垂直居中。但需注意,这种方法不适用于可能包含多行文本的情况,...

    css常见的方法.docx

    浮动元素不保留原来的位置,可能导致父元素高度塌陷。为了避免这种问题,通常需要清除浮动。 10. **清除浮动**:清除浮动(`clear: both;`)是为了防止浮动元素影响后续元素的布局。当父元素不设置高度且子元素浮动...

    前端处理浏览器兼容问题

    **问题**:在IE6-7中,当`&lt;img&gt;`标签与文字放在同一行时,`line-height`可能不起作用。 **解决方法**:将元素设置为浮动。 ```css img, p { float: left; } ``` #### 十六、`&lt;td&gt;`自动换行的问题 **问题**:在...

    第十四课 css其他样式-011

    2. `line-height`属性:设定行高,影响文本的垂直间距,通常用来改善阅读体验。 3. `max-height`属性:限制元素的最大高度,当内容超过这个高度时,超出部分将被剪裁。 4. `max-width`属性:同样用于限制元素的最大...

    浏览器兼容性问题汇总_web前端_html_css.pdf

    4. **IE与`min-width`和`min-height`问题**:IE不支持`min-width`和`min-height`,但它将`width`和`height`视为具有最小值。为了解决这个问题,可以使用条件注释或JavaScript表达式。例如,给`body`下的`div`设置`...

    最新web面试题css浏览器的兼容性问题.docx

    不同的浏览器,尤其是IE系列与其他现代浏览器(如Firefox、Chrome、Safari和Opera),在解析CSS规则时可能存在差异,导致页面显示效果不一致。以下是一些关于CSS浏览器兼容性的关键知识点: 1. **对齐文本和文本...

    CSS实现垂直居中的几种实现方式.pdf

    - **line-height 与 height 值设相同**:这是最简单的方法,适用于单行文本。通过将元素的`line-height`和`height`设置为相同的值,可以使文本垂直居中。但这种方法仅限于单行文本,如果内容有多行,效果不佳。 ...

    最全的CSS浏览器兼容问题

    不添加DOCTYPE会导致浏览器进入怪异模式,CSS行为可能与预期不符。 2. **div的垂直居中问题**: 在CSS中,要实现div内容的垂直居中,一种常见方法是设置行高(line-height)等于div的高度。例如,如果div高度为200px...

Global site tag (gtag.js) - Google Analytics