让长单词与URL地址自动换行—word-wrap属性
对于西方文字来说,浏览器在半角空格或连字符的地方进行换行。因此,浏览器不能给较长的单词自动换行。当浏览器窗口比较窄的时候,文字会超出浏览器的窗口,浏览器下部出现滚动条,让用户通过拖动滚动条的方法来查看没有在当前窗口显示的文字。
但是,这种比较长的单词出现的机会不是很大,而大多数超出当前浏览器窗口的情况是出现在显示比较长的URL地址的时候。因为在URL地址中没有半角空格,所以当URL地址中没有连字符的时候,浏览器在显示时是将其视为一个比较长的单词来进行显示的。
在CSS 3中,使用word-wrap属性来实现长单词与URL地址的自动换行。word-wrap属性的使用方法如下所示。
div{
word-wrap: break-word;}
word-wrap属性可以使用的属性值为normal与break-word两个。使用normal属性值时浏览器保持默认处理,只在半角空格或连字符的地方进行换行。使用break-word时浏览器可在长单词或URL地址内部进行换行。
指定用户是否可选取文字的user-select属性
user-select属性用于指定用户是否可通过拖拽鼠标来选取元素中的文字,如果样式属性值被指定为none则禁止选取。
可使用的样式属性值如下所示:
·none:禁止选取。
·text:可以选取。
·all: