关于下划线上的文字居中显示的问题，请不吝指教

imc 2004-07-27 10:09:25
下面是我这段文字的源代码，可以在你的机器上打开html页面看看运行效果，我想要的是把“我的标题”几个字能够在下划线上居中显示，这几个字和下划线的长度都不是一定的。谢过各位先！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<table width="696" height="918" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="146" style="height:1.5cm"> <div style="position: relative; left: 0cm; top: 0cm; width:3.863cm; height:1.5cm;margin-top:0cm; word-wrap: break-word; text-justify:inter-word; overflow :hidden;">
<table style="width:3.863cm; height:2.196cm;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><div align="right">标 题 号</div></td>
</tr>
<tr>
<td><div align="right" >Fond No.</div></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div></td>
<td width="550"> <div style="position: relative; left: 0.026cm; top: 0.053cm; width:14.526cm; height:1.5cm;margin-top:0cm; word-wrap: break-word; text-justify:inter-word; overflow :hidden;">
<table height="77" border="0" cellpadding="0" cellspacing="0" style="width:14.499cm; height:2.17cm;">
<tr>
<td height="17"> </td>
</tr>
<tr>
<td height="22"> 我的标题</td>
</tr>
<tr>
<td height="14"> <hr width="30%" align="left" noshade style="height:1px;"></td>
</tr>
<tr>
<td height="14">  </td>
</tr>
</table>
</div></td>
</tr>
</table>
</BODY>
</HTML>
...全文
2259 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
xjdawu 2004-07-27
  • 打赏
  • 举报
 回复
td的样式也可以不设
xjdawu 2004-07-27
  • 打赏
  • 举报
 回复
试一下这个：
---------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
td {font-size: 12px;}
</style>
<script>
function aa()
{
var s = td1.offsetWidth;
line1.style.width = (s + 14).toString(10);//加14px为两个空格
td1.innerHTML = " " + td1.innerText + " ";
}

</script>
</HEAD>


<BODY onload="aa()">
<table width="696" height="918" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="146" style="height:1.5cm"> <div style="position: relative; left: 0cm; top: 0cm; width:3.863cm; height:1.5cm;margin-top:0cm; word-wrap: break-word; text-justify:inter-word; overflow :hidden;">
<table style="width:3.863cm; height:2.196cm;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><div align="right">标 题 号</div></td>
</tr>
<tr>
<td><div align="right" >Fond No.</div></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div></td>
<td width="550"> <div style="position: relative; left: 0.026cm; top: 0.053cm; width:14.526cm; height:1.5cm;margin-top:0cm; word-wrap: break-word; text-justify:inter-word; overflow :hidden;">
<table height="77" border="0" cellpadding="0" cellspacing="0" style="width:14.499cm; height:2.17cm;">
<tr>
<td height="17"> </td>
</tr>
<tr>
<td height="22"><span id="td1" style="position: relative; left: 0px;">中文12311111111111111111111111111111111111111112</span></td>
</tr>
<tr>
<td height="14"><hr id="line1" align="left" noshade style="height:1px;"></td>
</tr>
<tr>
<td height="14">  </td>
</tr>
</table>
</div></td>
</tr>
</table>
</BODY>
</HTML>
hchxxzx 2004-07-27
  • 打赏
  • 举报
 回复
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<table width="696" height="918" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="146" style="height:1.5cm"> <div style="position: relative; left: 0cm; top: 0cm; width:3.863cm; height:1.5cm;margin-top:0cm; word-wrap: break-word; text-justify:inter-word; overflow :hidden;">
<table style="width:3.863cm; height:2.196cm;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><div align="right">标 题 号</div></td>
</tr>
<tr>
<td><div align="right" >Fond No.</div></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div></td>
<td width="550"> <div style="position: relative; left: 0.026cm; top: 0.053cm; width:14.526cm; height:4.5cm;margin-top:0cm; word-wrap: break-word; text-justify:inter-word; overflow :hidden;">
<table height="77" border="0" cellpadding="0" cellspacing="0" style="width:14.499cm; height:2.17cm;">
<tr>
<td height="17"> </td>
</tr>
<tr>
<td height="22"><table width=30%><tr><td align=center> 我的标题</td></tr></table></td>
</tr>
<tr>
<td height="14"> <hr width="30%" align="left" noshade style="height:1px;"></td>
</tr>
<tr>
<td height="14">  </td>
</tr>
</table>
</div></td>
</tr>
</table>
</BODY>
</HTML>


看看这个,字肯定是在线的中间,但如果字的总长度超过线的长度那就不知道了.
原理就是在要放字的TD中,再插入一个表格,此表格的宽度与HR的宽度一样,把字放在此新表格中,并且居中,如此就可保证字在下划线中间.
imc 2004-07-27
  • 打赏
  • 举报
 回复
我在程序里列出来的仅仅是这个页面其中的一项，类似的记录下面还有好多条。下划线的长度是已知但各不一样的，下划线上的“我的标题”几个字是从数据库取出来的，就说不定会是什么了。可以说这个显示页面上的每个字的位置、每个下划线在页面上的位置长度都是有严格规定的。所以仅仅是用简单的span来做下划线肯定是达不到要求的，虽然麻烦，但是由于要求太严格了，也就没办法只好这样了。
ycted 2004-07-27
  • 打赏
  • 举报
 回复
不知道我意思理解对没?
ycted 2004-07-27
  • 打赏
  • 举报
 回复
<td height="22" align="center"><a href="#"> 我的标题</a></td>
hchxxzx 2004-07-27
  • 打赏
  • 举报
 回复
如果一定如此,你岂不是可以把HR的长度设置为100%,而把"我的主题"放在TD居中位置就可以了?
我觉得我上面写的解决办法可能会更方便一点,你考虑一下.
imc 2004-07-27
  • 打赏
  • 举报
 回复
那如果要是下划线的长度是一定的，而只是在下划线上面显示的字数不一定，是不是操作起来会简单一些？之所以页面上写了那么多style是因为这个页面对格式的要求特别高！
hchxxzx 2004-07-27
  • 打赏
  • 举报
 回复
你这种方式不妥.
"我的主题"与下划线不是一个控制方式控制的.为了实现字在下划线的中间,你必须计算要显示的字有多少个,再计划该下划线要延伸多长.
实现字在线中间是较容易做到的,但要动态计算字有多少个,计算长度,根据计算的长度定出下划线的长度,这个工作量也太大了吧,不值得.
改用如下方式你看看

<BODY>
<table width="696" height="918" border="1" cellpadding="0" cellspacing="0">
<tr>
<td><span style="border-bottom: 1px solid #006600;"> 我的主题 </span></td>
</tr>
</table>
</BODY>
</HTML>
imc 2004-07-27
  • 打赏
  • 举报
 回复
在列表里怎么没有显示呀？
imc 2004-07-27
  • 打赏
  • 举报
 回复
谢谢各位大侠的指点！怎么给分呀？
解决 Word 中空格下划线居中后下划线不显示的问题
1、Word 左上角“文件”--“选项”--“高级”--“以下对象的布局选项”--“为尾部空格添加下划线” 2、选中要居中的部分，右键“段落”--“缩进和间距”--常规 对齐方式“居中”，一定要在这里选才可以 “中文版式”--选中“允许西文在单词中间换行” ...
html 下划线居中,Word里下划线上内容怎么在下划线范围内居中？
回答：1、这个应该没有居不居中的问题吧，应该是文字两边的空格数量问题，如果选择下划线，那么空格也是带下划线的，只要两边空格数量相等，文字看上去就居中了。2、要打下划线的内容,你要先选定拉黑,设置下划线后,(如编辑文章的题目的场合)那么,就可以实现选定的文字内容在长度长于文字内容的中间。如果是编辑论文页面的“天”,那就要到“打印设置”中去设置,选定内容有“居中”“居左”“居右”三个选择。3、下划线是...
超链接标签a样式生效，取消下划线，文字垂直（上下）居中
超链接标签a样式生效，取消下划线，文字垂直（上下）居中 直接设置超链接标签a的属性时并不会生效， 需要将display属性改为inline-block, 即style="display:inline-block" 添加标签a时，默认是有下划线的， 如果想要...
mac Word中设置下划线之后文字后面不显示的问题解决
解决mac & windows - Word 中空格下划线居中后下划线不显示的问题
html文字居中加下划线,HTML文字对齐，斜体，下划线和删除线
标题的对齐方式：在默认情况下，标题文字都是靠左对齐的。而在网页的制作过程中，可以实现标题文字的编排设置。最常用的就是关于对齐方式的设置了，可以为标题标签添加“align”属性进行设置语法如下： 文字对齐标题属性文字的对齐属性值：属性值left文字左对齐center文字居中对齐right文字右对齐下面我用align属性做一个小练习：这个叫做注释标签书名：《java入门到精通》作者：明日科技出版...
ASP

28,391

社区成员

357,060

社区内容

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章