
(1)出現(xiàn)問題:li里面設(shè)置了長(zhǎng)度和寬度,但是文字不會(huì)換行,超過了li的范圍

一般控制換行所用到的CSS屬性一共有三個(gè):word-wrap; word-break; white-space。這三個(gè)屬性可以說是專為了文字?jǐn)嘈卸鴦?chuàng)造出來的。
(i)word-wrap 屬性允許長(zhǎng)單詞或 URL 地址換行到下一行。word-wrap: normal|break-word;
normal :只在允許的斷字點(diǎn)換行(瀏覽器保持默認(rèn)處理)。break-word :在長(zhǎng)單詞或 URL 地址內(nèi)部進(jìn)行換行,必要時(shí)會(huì)觸發(fā)word-break ;
word-wrap是控制換行的。使用break-word時(shí),是將強(qiáng)制換行。中文沒有任何問題,英文語(yǔ)句也沒問題。但是對(duì)于長(zhǎng)串的英文,就不起作用
(ii)word-break 屬性規(guī)定自動(dòng)換行的處理方法。提示:通過使用 word-break 屬性,可以讓瀏覽器實(shí)現(xiàn)在任意位置的換行。word-break: normal|break-all|keep-all;
normal :使用瀏覽器默認(rèn)的換行規(guī)則。break-all :允許在單詞內(nèi)換行 ; keep-all :只能在半角空格或連字符處換行
break-word是控制是否斷詞的。normal是默認(rèn)情況,英文單詞不被拆開。break-all,是斷開單詞。在單詞到邊界時(shí),下個(gè)字母自動(dòng)到下一行。主要解決了長(zhǎng)串英文的問題。
keep-all,是指Chinese, Japanese, and Korean不斷詞。即只用此時(shí),不用word-wrap,中文就不會(huì)換行了。(英文語(yǔ)句正常。)
(iii)white-space 屬性設(shè)置如何處理元素內(nèi)的空白。這個(gè)屬性聲明建立布局過程中如何處理元素中的空白符。
| normal | 默認(rèn)。空白會(huì)被瀏覽器忽略。 |
| pre | 空白會(huì)被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標(biāo)簽。 |
| nowrap | 文本不會(huì)換行,文本會(huì)在在同一行上繼續(xù),直到遇到 <br> 標(biāo)簽為止。 |
| pre-wrap | 保留空白符序列,但是正常地進(jìn)行換行。 |
| pre-line | 合并空白符序列,但是保留換行符。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 white-space 屬性的值。 |
有可能會(huì)出現(xiàn)的問題:
ie下:
使用word-wrap:break-word;所有的都正常。
ff下:
如這2個(gè)都不用的話,中文不會(huì)出任何問題。英文語(yǔ)句也不會(huì)出問題。但是,長(zhǎng)串英文會(huì)出問題。如沒意思的aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
為了解決長(zhǎng)串英文,一般用word-wrap:break-word;word-break:break-all;。但是,此方式會(huì)導(dǎo)致,普通的英文語(yǔ)句中的單詞會(huì)被斷開(ie下也是)。
實(shí)現(xiàn)強(qiáng)制換行:
如果在div這類標(biāo)準(zhǔn)塊級(jí)元素中需要強(qiáng)制換行,最普遍的方案那就是word-wrap:break-word; word-break:break-all;此方式的缺點(diǎn)就是會(huì)導(dǎo)致如果恰巧該行末端寬為一個(gè)長(zhǎng)串英文單詞,那么該單詞會(huì)被撕開的尷尬樣式。
如果是在td,th這類table元素中需要強(qiáng)制換行,個(gè)人比較推薦的方式為:先為table設(shè)定table-layout:fixed,基本上設(shè) 定完這個(gè)屬性后基本的換行問題都能夠解決而不會(huì)出現(xiàn)table中td,th因?yàn)槔锩娓鱾€(gè)內(nèi)容的多寡發(fā)生搶奪其他td,th寬度的情形發(fā)生。這時(shí)如果你依舊 有強(qiáng)制換行問題,那么在此td中內(nèi)部加一層div,那么情況就會(huì)像上面討論的方式來解決。
實(shí)現(xiàn)強(qiáng)制不換行:
強(qiáng)制不換行的問題到是比較容易分析的,就如上面所討論的那樣使用white-space:nowrap,F(xiàn)irefox的div和td中,以及IE的 div中,均沒有問題。唯一的瑕疵就是在IE的td中會(huì)有一個(gè)問題,如果td沒有指定寬度,則nowrap仍然有效,如果td有寬度,并且文字中無標(biāo)點(diǎn)、 無空格(例如中文長(zhǎng)串文字),nowrap則不再有效。解決方式就是可以加word-break:keep-all;可以解決此問題。綜合下來,比較穩(wěn)妥 的方式是在文字與td之間再套一層div,然后使用nowrap,那么就是強(qiáng)制不換行。注意這時(shí)候很有可能文字會(huì)過多導(dǎo)致溢出容器,所以你還得加一個(gè) overflow:hidden,防止溢出容器,這樣子就可以兼容各個(gè)瀏覽器了。
(2)ie7下的overflow不起作用問題:給其父元素以及自己設(shè)置position:relative;
(3)ie7下的z-index不起作用問題:設(shè)置元素自己的z-index比其父元素大,其父元素要比自己的父元素大,以此直到body ,而且還要配合元素的position屬性一起設(shè)置。
詳細(xì)內(nèi)容參見:http://www.dtop.powereasy.net/Item.aspx?id=3339
2.數(shù)據(jù)庫(kù)的橫向分片和豎向分片(摘自csdn):
橫向分片是將業(yè)務(wù)表按使用部門拆分為多個(gè)表,各個(gè)部門之間的數(shù)據(jù)相對(duì)獨(dú)立,相互之間互不影響,這種方法適用于各部門相互獨(dú)立的情況,不過帶來的問題就是部 門不便擴(kuò)展,統(tǒng)計(jì)及交換數(shù)據(jù)不便,舉個(gè)例子,同樣的醫(yī)囑管理系統(tǒng),幾個(gè)病區(qū),一個(gè)病區(qū)一張表,雖然帶來了查詢數(shù)據(jù)效率的提高,但是病區(qū)之間病人轉(zhuǎn)科,數(shù)據(jù) 交換不方便
豎向分片是將業(yè)務(wù)表中不常用的數(shù)據(jù)轉(zhuǎn)移到另外的表中,如在院和出院病人數(shù)據(jù)分別存于不同的表中,病人出院后就將在院病人數(shù)據(jù)轉(zhuǎn)到出院病人表中,因?yàn)樵谠翰∪藬?shù)據(jù)是經(jīng)常要操作的,所以這種分片保證了在院病人數(shù)據(jù)表始終保持一定的量,從而提高查詢的效率
我們?cè)撛鯓邮褂眠@兩種方法呢,根據(jù)本人數(shù)據(jù)庫(kù)設(shè)計(jì)經(jīng)驗(yàn),在數(shù)據(jù)量較小,部門之間數(shù)據(jù)頻繁交換的情況下使用豎向分片,這樣會(huì)保證程序設(shè)計(jì)中邏輯相對(duì)保持簡(jiǎn)單,提高了程序的可靠性,也降低了程序員的負(fù)擔(dān).
豎向分片仍然不足以解決問題的情況下,我們?cè)僖霗M向分片,將數(shù)據(jù)經(jīng)常交換的部門分為一組,放在同一張業(yè)務(wù)表中,橫向分片數(shù)要盡量少,減少統(tǒng)計(jì)程序的復(fù)雜性
不過在要求更高效率的情況下,橫向分片加并發(fā)的數(shù)據(jù)檢索可大大提高數(shù)據(jù)統(tǒng)計(jì)速度,對(duì)要求實(shí)時(shí)高速的情況下可以使用這種方法,不過我更傾向于ODS,對(duì)業(yè)務(wù)數(shù)據(jù)自動(dòng)抽取匯總,大大提高數(shù)據(jù)統(tǒng)計(jì)速度.
3.jsp頁(yè)面向后臺(tái)傳參數(shù)遇見& 參數(shù)會(huì)被截?cái)?nbsp;解決方法:
(1)如果用js進(jìn)行頁(yè)面跳轉(zhuǎn)的話,用encodeURIComponent處理下含有特殊字符的參數(shù)值就可以
window.location.href = "/portal/business/search.do?gosearch="+ encodeURIComponent(gosearch)+"&&categoryIdHeader="+categoryId+"&¤tPage=" + pageNum;然后在后臺(tái)java代碼里面 gosearchStr = new String(gosearch.getBytes("iso-8859-1"),"UTF-8"); 即可完整獲取傳參內(nèi)容
(2)如果必須用<a href="">進(jìn)行提交的話:
實(shí)現(xiàn)方法如下:jsp頁(yè)面內(nèi) <% String gosearch =(String)request.getAttribute("transGs"); %>獲取到傳值
然后在a標(biāo)簽里面如下寫
<ahref="/portal/business-lucene-cid<s:property value="categoryIdHeader"/>-search-<%=java.net.URLEncoder.encode(gosearch,"utf-8")%>-pnum<s:propertyvalue="currentPage-1"/>.htm">如果要完整顯示參數(shù)內(nèi)容 :<s:property value="gosearch"/>
此jsp頁(yè)面對(duì)應(yīng)的java代碼為(其中g(shù)osearch已經(jīng)通過struts的get set 獲取到)
request.setAttribute("transGs", gosearch.replaceAll("\ ", "%20").replaceAll("\&", "%26").replaceAll("\#","%23").replaceAll("\/","%2F").replaceAll("\\","%5C")); gosearchStr = java.net.URLDecoder.decode(gosearch, "utf-8");
gosearchStr= new String(gosearchStr.getBytes("iso-8859-1"));
標(biāo)題名稱:每日記載內(nèi)容總結(jié)16-創(chuàng)新互聯(lián)
網(wǎng)站URL:http://chinadenli.net/article32/cohopc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、標(biāo)簽優(yōu)化、云服務(wù)器、外貿(mào)網(wǎng)站建設(shè)、搜索引擎優(yōu)化、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容