溢出案例

最新推荐文章于 2024-06-03 21:35:03 发布
最新推荐文章于 2024-06-03 21:35:03 发布
阅读量18 收藏
点赞数
文章标签： html5 css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_79726309/article/details/134752740
版权

效果图

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .bigbox {
            width: 890px;
            height: 290px;
            /* background-color: orange; */
            /* 水平居中 */
            margin: 0 auto;
            /* 添加溢出有滚动条 */
            overflow: auto;
        }

        .bigbox>div {
            width: 164px;
            height: 114px;
            border: 1px solid gray;
            /* 解决1px 撑大的问题 */
            box-sizing: border-box;
            float: left;
            margin-right: 48px;
            margin-bottom: 20px
        }

        .bigbox dl {
            height: 84px;
            background-color: #cccccc;
            color: #b5b5b5;
            text-indent: 18px;
        }

        .bigbox p {
            height: 28px;
            /* background-color: green; */
            font-size: 14px;
            text-align: center;
            line-height: 28px;
        }

        .bigbox dt {
            font-size: 14px;
            line-height: 50px;
        }

        .bigbox dd {
            font-size: 12px;
        }
        /* 划过效果 */
        /* 鼠标放在父元素上面改变子元素 */
        .bigbox>div:hover>dl{
            background-color: deepskyblue;
            color:white
        }
        .bigbox>div:hover>p{
            color:deepskyblue;
            background: url(../img/thr.png) no-repeat right bottom;
        }
    </style>
</head>

<body>
    <!-- 居中的一个版心 -->
    <div class="bigbox">
        <div>
            <dl>
                <dt>¥100.00元</dt>
                <dd>有效期至:2023-11-11</dd>
            </dl>
            <p>
                [店铺类] [商城类]
            </p>
        </div>
        <div>
            <dl>
                <dt>¥100.00元</dt>
                <dd>有效期至:2023-11-11</dd>
            </dl>
            <p>
                [店铺类] [商城类]
            </p>
        </div>
        <div>
            <dl>
                <dt>¥100.00元</dt>
                <dd>有效期至:2023-11-11</dd>
            </dl>
            <p>
                [店铺类] [商城类]
            </p>
        </div>
        <div>
            <dl>
                <dt>¥100.00元</dt>
                <dd>有效期至:2023-11-11</dd>
            </dl>
            <p>
                [店铺类] [商城类]
            </p>
        </div>
        <div>
            <dl>
                <dt>¥100.00元</dt>
                <dd>有效期至:2023-11-11</dd>
            </dl>
            <p>
                [店铺类] [商城类]
            </p>
        </div>
        <div>
            <dl>
                <dt>¥100.00元</dt>
                <dd>有效期至:2023-11-11</dd>
            </dl>
            <p>
                [店铺类] [商城类]
            </p>
        </div>
        <div>
            <dl>
                <dt>¥100.00元</dt>
                <dd>有效期至:2023-11-11</dd>
            </dl>
            <p>
                [店铺类] [商城类]
            </p>
        </div>
        <div>
            <dl>
                <dt>¥100.00元</dt>
                <dd>有效期至:2023-11-11</dd>
            </dl>
            <p>
                [店铺类] [商城类]
            </p>
        </div>
        <div>
            <dl>
                <dt>¥100.00元</dt>
                <dd>有效期至:2023-11-11</dd>
            </dl>
            <p>
                [店铺类] [商城类]
            </p>
        </div>
    </div>
</body>

</html>

星星小团
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JAVA 内存溢出案例汇总
08-18
主要介绍了JAVA 内存溢出案例的汇总，文中讲解非常细致，帮助各位工作学习时避免内存溢出，感兴趣的朋友可以了解下
Java内存溢出案例模拟和原理分析过程
08-19
主要介绍了Java内存溢出案例模拟和原理分析过程,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
java堆溢出_JVM 堆(heap)溢出案例
weixin_29821223的博客
02-22 629
一、说明当虚拟机申请不到内存空间的时候，会报堆内存溢出: OutOfMemoryError:java heap space。我测试到时候，运行在 16G 内存的机器上。JVM 堆内存 默认为物理内存的1/4，即 16 * 1/4 = 4GJDK 8的 JVM 在 JDK 7 的基础上从堆内存中移除了永久代(Perm Generation)，替换为了堆内存之外的元空间(Metaspace)，元空间是...
五种内存溢出案例总结：涵盖栈深度溢出、永久代内存溢出、本地方法栈溢出、JVM栈内存溢出和堆溢出
冰河的专栏
11-23 2787
涵盖栈深度溢出、永久代内存溢出、本地方法栈溢出、JVM栈内存溢出和堆溢出，让你彻底理解内存溢出！！
几种典型的内存溢出案例
初听不知曲中意，再听已是曲中人。
03-19 4634
首先，我们创建一个名称为BlowUpJVM的类，之后所有的案例实验都是基于这个类进行。如下所示。
【Java】几种典型的内存溢出案例，都在这儿了！
程序员小明1024
07-14 1223
写在前面 作为程序员，多多少少都会遇到一些内存溢出的场景，如果你还没遇到，说明你工作的年限可能比较短，或者你根本就是个假程序员！哈哈，开个玩笑。今天，我们就以Java代码的方式来列举几个典型的内存溢出案例，希望大家在日常工作中，尽量避免写这些low水平的代码。 定义主类结构 首先，我们创建一个名称为BlowUpJVM的类，之后所有的案例实验都是基于这个类进行。如下所示。 publiccla...
Java之——内存溢出案例
冰河的专栏
09-18 2831
今天，给大家打来一篇有关Java内存溢出的文章，好了，不多说了，我们直接进入主题。 1、定义主类结构 首先，我们创建一个类叫做BlowUpJVM，所有的案例实验都是基于这个类进行。 public class BlowUpJVM { } 2、栈深度溢出 public static void testStackOverFlow(){ BlowUpJVM.testSt
栈溢出案例
qq_40434153的博客
04-03 500
实验环境 Visual C++6.0 实验代码 //万能密码： //1、输入的密码长度为8； //2、确保输入的密码与实际密码比较的结果为1，即strcpy(buffer,password)等于1； //StackOverflow.cpp 源代码 #include <stdio.h> #include <math.h> #include <string.h&g...
面试考点：Java极简堆栈内存溢出案例！！！
QQ_hoverer的博客
10-09 253
一 堆内存溢出 ​ 堆内存中主要存放对象、数组等，只要不断地创建这些对象，并且保证GC Roots到对象之间有可达路径来避免垃圾收集回收机制清除这些对象，当这些对象所占空间超过最大堆容量时，就会产生OutOfMemoryError的异常； * 运行时，不断在堆中创建Heap类的实例对象，且while执行结束之前，GC Roots(代码中的list)到对象(每一个Heap对象)之间有可达路径，垃圾收集器就无法回收它们，最终导致内存溢出。 */ public class TestHeapException {
生产环境JVM内存溢出案例分析
ff00yo的博客
04-15 516
如果我们所在公司的业务量比较大，在生产环境经常会出现JVM内存溢出的现象，那我们该如何快速响应，快速定位，快速恢复问题呢？ 本文将通过一个线上环境JVM内存溢出的案例向大家介绍一下处理思路与分析方法。 案例：架构组接到某项目组反馈，Zabbix监控上显示JMX不可用，请求协助处理。 分析思路： JMX不可用，往往是由于垃圾回收时间停顿时间过长、内存溢出等问题引起的。 线上故障分析的原则是首先要采...
面试官让我现场手写内存溢出案例代码，我反手就是一个王炸！！
热门推荐
冰河的专栏
05-27 1万+
当初面试官让我现场手写内存溢出案例代码，我就以Java代码的方式列举了几个典型的内存溢出案例。今天分享给大家，希望大家在日常工作中，尽量避免写这些low水平的代码
JVM内存溢出案例
Achilles的博客
08-06 198
1 栈溢出 package com.epro.jvm; public class StackOverflowError { private int i = 0; public void a() { System.out.println(i++); a(); } public static void main(String[] args) { StackOverflowError j = new StackOverflowError(); j.a(); } } 2 堆溢
JVM原理及内存溢出经典案列分析.ppt
07-01
简单的判断JVM内存溢出的方法
wp处理溢出的文本案例
04-04
在用户界面上显示文本，用得严重多的是TextBlock，凡是轻量级的东西都会很常用，TextBlock对于显示简单、少量的文本内容相当适合，不过，在我们考虑要在用户界面上显示格式较为复杂，并且内容相当长的文本时，就得...
缓冲取溢出攻击原理案例
10-19
黑客就是通过改变地址来攻击他人的程序的。这乃中科院视频，有助于提高对C++的理解和认识。
HTML5 视频 Vedio 标签详解
一名全栈开发工程师
05-31 1292
HTML5 引入了标签，允许开发者在网页中直接嵌入视频文件，而不需要依赖第三方插件。
HTML5常用标签表单from
qq_40432598的博客
06-03 660
HTML5常用标签表单from
HTML5 Canvas 绘图教程二
最新发布
一名全栈开发工程师
06-03 425
在本教程中，我们将探讨canvas的高级用法，包括复杂的绘图 API、坐标系统和变换操作、平滑动画技术以及复杂应用和游戏开发的实践。
CSS中inset属性详细讲解
2301_79858914的博客
05-31 1124
inset属性：用于同时设置toprightbottom和left四个定位属性。正值：元素从包含块的边缘向内偏移。负值：元素从包含块的边缘向外偏移，可能超出包含块的边界。使用场景：通过正值和负值的组合，灵活地控制元素相对于其包含块的位置，从而实现各种布局效果。可以更加简洁和方便地定位和调整元素的位置，使代码更易读和维护。
css单行文本溢出省略号提供代码案例
07-11
当文本内容超出容器宽度时，可以使用CSS`text-overflow`属性来实现单行文本溢出省略号的效果。下面是一个简单的示例： HTML: ```html<div class="container"> This is a long that will be truncated with an ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值