【CSS3】的语法【九】

让长单词与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：只能选取全部文字。如果