AI 助理
备案控制台
开发者社区 云计算 文章 正文

让元素沾满全屏

2023-12-13 97
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 让元素沾满全屏

让元素沾满全屏有两种方法

       1：给盒子设置position绝对定位 然后让left top bottom right都为0

14736e1d3d1547f39b0351d73dea8a61.png

这里设置line-height 100vh 是为了让内容水平居中和垂直居中

81cc6db7e9044c139f691cf182cc3e0c.png

还有一种是 先需要将body的margin默认值设置为0 然后再通过设置vh和vw为100来设置宽高来实现

fb32cb23b92d40cb83a29ff402caf64b.png

1ce6f43717754cb0a940628e1fb9fb06.png

DazingAndBusy
目录
相关文章
Huazie
|
Java Spring
【Spring Boot 源码学习】走近 AutoConfigurationImportSelector
本篇笔者带大家走近 AutoConfigurationImportSelector，从整体上了解 Spring Boot 自动装配功能
Huazie
380 2
【Spring Boot 源码学习】走近 AutoConfigurationImportSelector
刘牌
|
SpringCloudAlibaba 应用服务中间件 Nacos
SpringCloud Alibaba系列(二) Nacos高可用和持久化
　 测试环境可以使用单机版，但是上了生产环境，为了保证系统的高可用，必须要做好相应的数据持久化和高可用，nacos默认采用了apache的内置数据库derby，但是不方便观察数据存储的情况，所以需要配置数据库，目前支持mysql，为了保证Nacos单节点故障，我们为采用集群部署，通过nginx分发到nacos，保证了nacos高可用。
刘牌
304 1
全干程序员demo
|
自然语言处理 负载均衡 API
gRPC 一种现代、开源、高性能的远程过程调用 （RPC） 可以在任何地方运行的框架
gRPC 是一种现代开源高性能远程过程调用（RPC）框架，支持多种编程语言，可在任何环境中运行。它通过高效的连接方式，支持负载平衡、跟踪、健康检查和身份验证，适用于微服务架构、移动设备和浏览器客户端连接后端服务等场景。gRPC 使用 Protocol Buffers 作为接口定义语言，支持四种服务方法：一元 RPC、服务器流式处理、客户端流式处理和双向流式处理。
全干程序员demo
637 4
六卿
|
前端开发
element菜单组件样式修改NavMenu导航菜单
本文介绍了如何修改Element UI的NavMenu导航菜单组件的样式，包括激活菜单项的颜色、菜单项hover颜色、父级菜单hover颜色以及菜单行高。提供了相应的CSS代码示例，并展示了如何将这些样式应用到实际的NavMenu组件中。
六卿
1425 3
element菜单组件样式修改NavMenu导航菜单
蓝易云
|
C++
C++ Qt开发：QUdpSocket网络通信组件
QUdpSocket是Qt网络编程中一个非常有用的组件，它提供了在UDP协议下进行数据发送和接收的能力。通过简单的方法和信号，可以轻松实现基于UDP的网络通信。不过，需要注意的是，UDP协议本身不保证数据的可靠传输，因此在使用QUdpSocket时，可能需要在应用层实现一些机制来保证数据的完整性和顺序，或者选择在适用的场景下使用UDP协议。
蓝易云
825 2
叫个什么名字
|
设计模式 缓存 数据库连接
探索PHP中的设计模式：单例模式的实现与应用
在PHP开发中，设计模式是提高代码可复用性、可维护性和扩展性的重要工具。本文将深入探讨单例模式（Singleton Pattern）的基本概念、在PHP中的实现方式以及实际应用场景。单例模式确保一个类仅有一个实例，并提供全局访问点。通过具体代码示例和详细解释，我们将展示如何在PHP项目中有效利用单例模式来解决实际问题，提升开发效率和应用性能。
叫个什么名字
164 1
石小石Orz
什么年代了，你还在手动配置vite路径别名？
【8月更文挑战第3天】Vite路径别名配置，简化项目引入
石小石Orz
2027 3
众所周知
|
JavaScript 前端开发 搜索推荐
Vue 的服务器端渲染（SSR）和客户端渲染（CSR）在渲染过程、性能、用户体验等方面都存在显著的区别
【5月更文挑战第8天】Vue 的 SSR 和 CSR 在渲染上有明显差异。SSR 服务器端生成 HTML 返回给浏览器，提供更快首屏加载和更好的 SEO，但增加服务器负担。CSR 客户端渲染，首次加载可能较慢，但交互更流畅，开发更简单。两者各有优劣，需根据项目需求权衡选择。
众所周知
244 2
欢喜躲在眉梢里
|
网络协议 安全 Unix
VSFTP超详细安装教程
VSFTP超详细安装教程
欢喜躲在眉梢里
1332 0
猿长大人
|
XML 存储 JSON
C# | DataGridView数据转存为Json、XML格式
DataGridView是常用的数据展示组件，而将其转存为Json或XML格式，则可以方便地进行数据的传输和存储。 Json格式具有轻量、易读、易解析等优点，广泛应用于Web开发、API接口传输等场景。 XML格式则具有良好的结构化特性，支持命名空间、数据类型等复杂数据表示方式，被广泛应用于数据交换、配置文件等领域。 因此，将DataGridView数据转存为Json、XML格式，不仅能够方便地进行数据的传输和存储，还能够满足不同场景下的数据需求。 本篇文章将介绍如何将DataGridView数据转存为Json、XML格式，并提供相应的代码示例。
猿长大人
480 0
C# | DataGridView数据转存为Json、XML格式