如何解决HTML:跨度顶部是\'float\'td吗?
| 我有以下内容。 TD CSS-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
border-bottom-color: #999;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: separate;
border-left-color: #999;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #999;
border-right-style: solid;
border-right-width: 0px;
border-top-color: #CCC;
border-top-style: solid;
border-top-width: 1px;
color: black;
display: table-cell;
font-family: arial,sans-serif;
font-size: 13px;
height: 30px;
vertical-align: middle;
width: 459px;
TDHTML
<td class=\"lst-td\" style=\"border-top:1px solid #ccc\" width=\"100%\">
<div>content</div>
</td>
SPAN CSS
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
border-bottom-color: black;
border-collapse: separate;
border-left-color: black;
border-right-color: black;
border-top-color: black;
color: black;
display: block;
float: right;
font-family: arial,sans-serif;
font-size: 13px;
height: 23px;
position: relative;
top: 5px;
white-space: nowrap;
width: 194px;
z-index: 5;
SPAN HTML
<span name=\"wrapSpan\" class=\"wrapSpan\" id=\"wrapSpan\" style=\"white-space:
nowrap;\">
Content here!
</span>
基本上,我希望跨度跨TD。现在的问题是将其切断并显示。我该如何解决?
它们的位置就像这样。
<tr>
<td>
<span>
</tr>
解决方法
您不能像这样在tr内放置跨度。这不是有效的html。我将执行以下操作...(仅显示重要的CSS)
<tr>
<td><span></span></td>
</tr>
的CSS
td {position: relative;}
span {position: absolute; top:0;left;0;}
, 我想你是说
<tr>
<td>
<span></span>
</td>
</tr>
将TD的ѭ8和跨度的ѭ9怎么样?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。