在CSS3中对文本超出隐藏的效果展示
发布时间:2023-09-15 14:47:05 所属栏目:语言 来源:
导读:在css中,想要设置超出的文本隐藏起来,可以利用overflow属性,overflow 属性规定当内容溢出元素框时发生的事情。
示例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF
示例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF
在css中,想要设置超出的文本隐藏起来,可以利用overflow属性,overflow 属性规定当内容溢出元素框时发生的事情。 示例如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style type="text/css"> div{ width:200px; height:50px; border:1px solid black; overflow:hidden; } </style> </head> <body> <div>超出隐藏超出隐藏超出隐藏超出隐藏超出隐藏超出隐藏超出隐藏超出隐藏</div> </body> </html> (编辑:聊城站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐