首页 前端知识 【CSS3】的语法【九】

【CSS3】的语法【九】

2024-10-26 09:10:37 前端知识 前端哥 160 903 我要收藏

在这里插入图片描述

让长单词与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:

转载请注明出处或者链接地址:https://www.qianduange.cn//article/19145.html
标签
评论
发布的文章

在C#中使用JSON

2024-11-04 10:11:05

JSON串

2024-11-04 10:11:57

JSON教程(非常详细)

2024-05-08 10:05:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!