小知識點備忘

1.設置FormFile標籤的現實值爲空(比如用在清空按鈕的時候)

document.all.theFile.outerHTML = document.all.theFile.outerHTML;

 

2.設置表格內容較長時自動換行

一個頁面的錯誤,層被撐開了
當時還比較鬱悶,因爲我是用中文測試的,沒有問題
他們讓我改英文,完蛋了,面目全非

style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"

語法:
word-break : normal | break-all | keep-all

參數:
normal :  依照亞洲語言和非亞洲語言的文本規則,允許在字內換行
break-all :  該行爲與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本
keep-all :  與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本

語法:
word-wrap : normal | break-word

參數:
normal :  允許內容頂開指定的容器邊界
break-word :  內容將在邊界內換行。如果需要,詞內換行(word-break)也行發生

說明:
設置或檢索噹噹前行超過指定容器的邊界時是否斷開轉行。

語法:
table-layout : auto | fixed

參數:
auto :  默認的自動算法。佈局將基於各單元格的內容。表格在每一單元格讀取計算之後纔會顯示出來。速度很慢
fixed :  固定佈局的算法。在這算法中,水平佈局是僅僅基於表格的寬度,表格邊框的寬度,單元格間距,列的寬度,而和表格內容無關

 

說明:
設置或檢索表格的佈局算法。
-------------------------------------------------
以上只能解決IE的問題,這裏FF中我們使用JS插入的方法來解決

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
div {
   width:300px;
   word-wrap:break-word;
   border:1px solid red;
   }
-->
</style>

<div id="ff">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

<script type="text/javascript">
/* <![CDATA[ */
function toBreakWord(intLen){
var obj=document.getElementById("ff");
var strContent=obj.innerHTML; 
var strTemp="";
while(strContent.length>intLen){
strTemp+=strContent.substr(0,intLen)+"
"; 
strContent=strContent.substr(intLen,strContent.length); 
}
strTemp+="
"+strContent;
obj.innerHTML=strTemp;
}
if(document.getElementById   &&   !document.all)   toBreakWord(37)
/* ]]> */
</script>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章