【css】overflow: hidden效果

server/2024/11/14 23:24:13/

1. 不添加overflow: hidden

1.1 效果

  • 上面无圆角
    在这里插入图片描述

1.2 代码

<template><view class="parent"><view class="child1">child1</view><view class="child2">child2</view></view></template><style lang="scss">	.parent{background-color: red;// overflow: hidden; 	//不添加border-radius: 15rpx;.child1{width: 100%;height: 60rpx;background-color: green;}.child2{width: 100%;height: 60rpx;}}
</style>

2. 添加overflow: hidden

2.1 效果

在这里插入图片描述

2.2 代码

<template><view class="parent"><view class="child1">child1</view><view class="child2">child2</view></view></template><style lang="scss">	.parent{background-color: red;overflow: hidden;	//添加border-radius: 15rpx;.child1{width: 100%;height: 60rpx;background-color: green;}.child2{width: 100%;height: 60rpx;}}
</style>

http://www.ppmy.cn/server/141532.html

相关文章

kafka面试题part-3

6、kafka如何知道哪个消费者消费哪个分区&#xff1f; 生产者把数据发送给各个分区&#xff0c;每个broker节点都有一个coordinator(协调器)&#xff0c;消费者组对分区进行消费&#xff0c;到底哪个消费者消费哪个分区呢&#xff1f;首先groupId对50取模&#xff0c;看最后的结…

VMnet NAT模式配置

1&#xff0c;虚拟网络编辑器设置 2&#xff0c;宿主机配置 3&#xff0c;虚拟机配置 配置网络命令 nmtui 4 &#xff0c;测试网络 a 测试虚拟机网络 b 宿主机联通虚拟机 &#xff08;宿主机 ip :192.168.1.188&#xff09; c 宿主机登录虚拟机配置 d 局域网主机登录虚拟机设…

Python爬虫 | 爬取豆瓣电影Top250的数据

简单记录一下&#xff0c;实现爬取豆瓣电影Top 250的数据。 这里我使用requests库来发送HTTP请求&#xff0c;以及BeautifulSoup库来解析HTML页面。 1.安装requests和BeautifulSoup库。 如果没有安装&#xff0c;可以通过以下命令安装&#xff1a; pip install requests bea…

Django 框架:全方位技术分析

Django 框架:全方位技术分析 介绍 Django 是一个高级 Python Web 框架,鼓励快速开发和遵循设计的最佳实践。由经验丰富的开发人员打造,开源并可扩展,Django 旨在让构建 Web 应用更快、更轻松。 历史背景 Django 始于 2003 年,最初是 Lawrence Journal-World 报社的一个内…

【RabbitMQ】07-业务幂等处理

1. 方式一 序列化设置唯一Id。 Beanpublic MessageConverter messageConverter() {Jackson2JsonMessageConverter jjmc new Jackson2JsonMessageConverter();jjmc.setCreateMessageIds(true);return jjmc;}RabbitListener(bindings QueueBinding(value Queue(name "d…

MIT 6.S081 Lab1: Xv6 and Unix utilities翻译

Lab1: Xv6 and Unix utilities 文章目录 Lab1: Xv6 and Unix utilities实验任务启动xv6(难度&#xff1a;Easy)sleep(难度&#xff1a;Easy)pingpong&#xff08;难度&#xff1a;Easy&#xff09;Primes(素数&#xff0c;难度&#xff1a;Moderate/Hard)find&#xff08;难度&…

Linux【基础篇】T

如何安装Linux操作系统&#xff1f; 1.直接把笔记本的Windows干掉&#xff0c;单独安装Linux系统&#xff08;初学者对于Linux使用还是比较苦难&#xff09;。 2.可以安装双系统&#xff08;开机也是命令行&#xff09;&#xff0c;电脑配置要高。 3.可以安装虚拟机。 --如果…

基于springboot的家装平台设计与实现

项目描述 临近学期结束&#xff0c;还是毕业设计&#xff0c;你还在做java程序网络编程&#xff0c;期末作业&#xff0c;老师的作业要求觉得大了吗?不知道毕业设计该怎么办?网页功能的数量是否太多?没有合适的类型或系统?等等。这里根据疫情当下&#xff0c;你想解决的问…