BlogJava-hk2000c技术专栏-随笔分类-HTML DHTML JavaScripthttp://www.blogjava.net/hk2000c/category/23638.html技术源于哲学，哲学来源于生活 关心生活，关注健康，关心他人 zh-cnThu, 08 Nov 2007 03:06:16 GMTThu, 08 Nov 2007 03:06:16 GMT60table 显示时候文字超过限定宽度定义http://www.blogjava.net/hk2000c/archive/2007/11/07/158833.htmlhk2000chk2000cWed, 07 Nov 2007 07:33:00 GMThttp://www.blogjava.net/hk2000c/archive/2007/11/07/158833.htmlhttp://www.blogjava.net/hk2000c/comments/158833.htmlhttp://www.blogjava.net/hk2000c/archive/2007/11/07/158833.html#Feedback0http://www.blogjava.net/hk2000c/comments/commentRss/158833.htmlhttp://www.blogjava.net/hk2000c/services/trackbacks/158833.html
关键样式:
table-layout:fixed 固定布局的算法,则表格被呈递的默认宽度为 100% (For IE,Mozilla)
text-overflow:ellipsis 当对象内文本溢出时显示省略标记(...) (For IE)
overflow:hidden 不显示超过对象尺寸的内容 (For IE,Mozilla)
white-space: nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象 (For IE,Mozilla)




 .ctl{
   table-layout:fixed
 }
  .ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px}

 <table cellSpacing="0" cellpadding="1" width="100" class="ctl" border=1>
 

即可使用



hk2000c 2007-11-07 15:33 发表评论
]]>[转]登录页面常用技巧（默认焦点、TAB顺序和回车键） http://www.blogjava.net/hk2000c/archive/2007/06/28/126732.htmlhk2000chk2000cThu, 28 Jun 2007 02:02:00 GMThttp://www.blogjava.net/hk2000c/archive/2007/06/28/126732.htmlhttp://www.blogjava.net/hk2000c/comments/126732.htmlhttp://www.blogjava.net/hk2000c/archive/2007/06/28/126732.html#Feedback0http://www.blogjava.net/hk2000c/comments/commentRss/126732.htmlhttp://www.blogjava.net/hk2000c/services/trackbacks/126732.html登录页面有很多习惯性的操作，比如打开页面，焦点在要输入的文本框；按TAB键，光标会按一定的顺序切换；输入完毕，压下回车等等，你也可以轻松实现，看下面页面的一个例子：

<HTML>
<HEAD>
<TITLE> 登录页面 </TITLE>

<script language="javascript" event="onkeydown" for="document"> 
<!--
if(event.keyCode==13) 
{ 
  document.all('TBUTTON').click(); 
}
-->
</script> 

</HEAD>
<BODY ONLOAD="window.document.forms[0].USERNAME.focus();">
<FORM ACTION="" NAME="TEST" METHOD="POST">
用户名：<INPUT TYPE="TEXT" NAME="USERNAME" tabindex="1"><BR>
密&nbsp&nbsp码：<INPUT TYPE="TEXT" NAME="PASSWORD" tabindex="2"><BR>
<INPUT TYPE="BUTTON" NAME="TBUTTON" VALUE="回车" onclick="alert('已经点击！！');" tabindex="3">
</FORM>
</BODY>
</HTML>

其中脚本部分，是相应回车键的，TBUTTON为相应的按钮名称；
BODY中ONLOAD为打开页面时加载操作，在此确定焦点所在，USERNAME为相应的控件名称；
各个控件中tabindex为TAB顺序。 



Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1342882



hk2000c 2007-06-28 10:02 发表评论
]]>