css換行
1??強(qiáng)制不換行
p{
white-space:nowrap;
}
2??自動(dòng)換行
p{
word-wrap: break-word;
word-break: normal;
}
3??強(qiáng)制英文單詞斷行
p{
word-break:break-all;
}
4??本人在用 中英文都換行
p{
white-space:pre-line;
word-wrap: break-word;
word-break: normal;
}
??:官方解釋
一.word-wrap:屬性允許長(zhǎng)的內(nèi)容可以自動(dòng)換行。
值 描述
normal 只在允許的斷字點(diǎn)換行(瀏覽器保持默認(rèn)處理)祭务。
break-word 在長(zhǎng)單詞或 URL 地址內(nèi)部進(jìn)行換行顷锰。
二.white-space:屬性指定元素內(nèi)的空白怎樣處理震嫉。
值 描述
normal 默認(rèn)薯蝎。空白會(huì)被瀏覽器忽略囊蓝。
pre 空白會(huì)被瀏覽器保留邪媳。其行為方式類(lèi)似 HTML 中的 <pre> 標(biāo)簽。
nowrap 文本不會(huì)換行檬洞,文本會(huì)在在同一行上繼續(xù)狸膏,直到遇到 <br> 標(biāo)簽為止。
pre-wrap 保留空白符序列添怔,但是正常地進(jìn)行換行湾戳。
pre-line 合并空白符序列贤旷,但是保留換行符。
inherit 規(guī)定應(yīng)該從父元素繼承 white-space 屬性的值砾脑。
三.word-break屬性指定非CJK腳本的斷行規(guī)則幼驶。
提示:CJK腳本是中國(guó),日本和韓國(guó)("中日韓")腳本韧衣。
值 描述
normal 使用瀏覽器默認(rèn)的換行規(guī)則盅藻。
break-all 允許在單詞內(nèi)換行。
keep-all 只能在半角空格或連字符處換行畅铭。
??:本人理解
由于本人項(xiàng)目多處用到富文本氏淑,頁(yè)面展示的時(shí)候不確定是文字、圖片硕噩、英文假残、等等
(指出不太好理解的,本人不太理解的)
一.word-wrap:屬性允許長(zhǎng)的內(nèi)容可以自動(dòng)換行炉擅。
值 描述
break-word 不管英文是不是完整直接切斷換行(頁(yè)面不好看)
三.word-break:屬性指定非CJK腳本的斷行規(guī)則
值 描述
break-all 不管英文是不是完整直接切斷換行(頁(yè)面不好看)
keep-all 逗號(hào)守问,句號(hào)等直接換行 (頁(yè)面不好看)
css首行縮進(jìn)
1??縮進(jìn)2格
p{
text-indent:2em;
}
??:text-indent 屬性規(guī)定文本塊中首行文本的縮進(jìn)。
css鼠標(biāo)樣式
1??手勢(shì)(本人用的多)
p{
cursor:pointer;
}
??:cursor屬性定義了鼠標(biāo)指針?lè)旁谝粋€(gè)元素邊界范圍內(nèi)時(shí)所用的光標(biāo)形狀
值 描述
url 需使用的自定義光標(biāo)的 URL坑资。
default 默認(rèn)光標(biāo)(通常是一個(gè)箭頭)
auto 默認(rèn)耗帕。瀏覽器設(shè)置的光標(biāo)。
crosshair 光標(biāo)呈現(xiàn)為十字線袱贮。
pointer 光標(biāo)呈現(xiàn)為指示鏈接的指針(一只手)
move 此光標(biāo)指示某對(duì)象可被移動(dòng)仿便。
e-resize 此光標(biāo)指示矩形框的邊緣可被向右(東)移動(dòng)。
ne-resize 此光標(biāo)指示矩形框的邊緣可被向上及向右移動(dòng)(北/東)攒巍。
nw-resize 此光標(biāo)指示矩形框的邊緣可被向上及向左移動(dòng)(北/西)嗽仪。
n-resize 此光標(biāo)指示矩形框的邊緣可被向上(北)移動(dòng)。
se-resize 此光標(biāo)指示矩形框的邊緣可被向下及向右移動(dòng)(南/東)柒莉。
sw-resize 此光標(biāo)指示矩形框的邊緣可被向下及向左移動(dòng)(南/西)闻坚。
s-resize 此光標(biāo)指示矩形框的邊緣可被向下移動(dòng)(南)。
w-resize 此光標(biāo)指示矩形框的邊緣可被向左移動(dòng)(西)兢孝。
text 此光標(biāo)指示文本窿凤。
wait 此光標(biāo)指示程序正忙(通常是一只表或沙漏)。
help 此光標(biāo)指示可用的幫助(通常是一個(gè)問(wèn)號(hào)或一個(gè)氣球)跨蟹。
注意:僅提供參考雳殊,謝謝??
完!