热搜:前端 nest neovim nvim

css如何完成超出加下拉列表

lxf2023-02-27 21:04:50

css完成超出加下拉列表的办法:我们可以使用overflow特性来达到,实际编码如【div{overflow: scroll;}】。overflow特性要求当具体内容外溢原素框时发生的事。

css如何完成超出加下拉列表

文中作业环境:windows10系统软件、css 3、thinkpad t480计算机。

有关特性详细介绍:

overflow 特性要求当具体内容外溢原素框时发生的事。

表明:

这一属性定义外溢原素具体内容区域具体内容会怎样处理。假如数值 scroll,无论是否必须,用户代理都是会提供一种翻转体制。因而,有可能会即便原素框中能够放下一切具体内容会出现下拉列表。

基础属性:

  • visible 初始值。具体内容不被修枝,会出现在原素框以外。

  • hidden 具体内容能被修枝,而且其他内容包括看不到的。

  • scroll 具体内容能被修枝,可是电脑浏览器显示的是下拉列表便于查询其余具体内容。

  • auto 假如具体内容被修枝,则电脑浏览器显示的是下拉列表便于查询其余具体内容。

  • inherit 要求应当从父元素传承 overflow 属性值。

(学习培训视频共享:css视频教学)

实际编码:

<html>
<head>
<style type="text/css">
div 
{
background-color:#00FFFF;
width:150px;
height:150px;
overflow: scroll;
}
</style>
</head>

<body>
<p>假如原素里面的内容远远超过了给定的总宽和高度特性,overflow 特性能够决定是否表明下拉列表等情形。</p>

<div>
这一属性定义外溢原素具体内容区域具体内容会怎样处理。假如数值 scroll,无论是否必须,用户代理都是会提供一种翻转体制。因而,有可能会即便原素框中能够放下一切具体内容会出现下拉列表。初始值是 visible。
</div>
</body>

</html>

运作结论:

css如何完成超出加下拉列表

相关信息:CSS实例教程

以上就是关于css如何完成超出加下拉列表的具体内容,大量欢迎关注AdminJS其他类似文章!