关于span的样式问题!!!!!

hchuan 2006-12-14 04:45:07

Table.htc代码如下:
<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="ondocumentready" HANDLER="DoInit"/>
<PUBLIC:ATTACH EVENT="onmousedown" HANDLER="trTitle_MouseDown"/>
<PUBLIC:ATTACH EVENT="onmousemove" HANDLER="trTitle_MouseMove"/>
<PUBLIC:ATTACH EVENT="onmouseup" HANDLER="trTitle_MouseUp"/>
</COMPONENT>
<script language=javascript>
function DoInit()
{
create();
}
function create(){
var html="<table style =\"table-layout:fixed\" nowrap border=\"0\" cellspacing=\"1\" cellpadding=\"1\" borderColor =\"#ebebeb\"><Tbody><tr style='behavor:url=()'><td style=\"background-color:#ffffff;cursor:hand\">";
//var html="<table border=\"1\" width=\"100%\"><tr><td>";
html+="<span style=\"background-color:red;cursor:default\">编号";
html+="</span></td><td width='200'>AAAAAA</td><td>BBBBBB</td></tr></table>";
element.document.body.insertAdjacentHTML("afterBegin",html);
//alert(html);
}
</script>

span的样式如下:
A.htm的代码如下:
<html>
<head>
<style>
span {
font-family: "宋体", "新宋体";
font-size: 9pt;
width:100%;
background-color:red;
height: 100%;
overflow: hidden;
cursor: default;
white-space: nowrap;
vertical-align: bottom;
padding-top: 4;
margin-right: 2px;
margin-left: 3px;
}
</style>
</head>
<body>
<table width=100%>
<tr style="behavor:url(../JS/Table.htc)">
<td><span width="100%">编号</span></td>
</tr>
</table>
</body>
</html>
问题是这样,页面加载后span不能填充所在的整个TD,宽度只有span中的文字宽度,怎样才能是span填充整个TD

...全文

183 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

hchuan 2006-12-15

打赏
举报

回复

没有人知道吗?

zxfly 2006-12-15

打赏
举报

回复

span属于内联元素，他的宽度只受他内部的内容影响，要想定义它的宽度就用在css中加上一句：display:block;

hchuan 2006-12-15

打赏
举报

回复

正解，万分感谢zxfly()！！！

当然我们还需要一个CSS文件去控制span的样式：复制代码代码如下: .portlet span { float:right } 这个时候就发现出现一个问题“文章”跟“编辑”不在同一行中！这下苦闷了！于是只好去搜了问题原因如下

短语样式示例演示使用文本样式的几种不同方法。 Phrase 使用 Android 的文本框架，因此保留了模式和值的任何跨度。...[手动创建span](截图/手动创建span.png) 截屏 ![截图](截图/短语样式示例截图.png)

单选输入框radio，复选输入框checkbox，文本域textarea，文件上传项file，提交按钮submit，恢复按钮reset，普通按钮button，下拉输入框select，隐藏项hidden）、div和span标签、元标签meta、base标签、link标签、...

这是一个相当炫的功能，让网页看起来像桌面程序，如window的开始菜单。实现原理基本和纯CSS相册差不多，但要注意的...<span></span> 菜单二<span><

复制代码代码如下: ”p” class=”middle_div> <span id=”s” class=”normal_span”></span> </div> 我在两个class里设置的颜色不同，在middle_div里设置的是红色，在padding_10里设置绿色，结果显示的是绿色，...

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章