文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【LeetCode热题100】【子串】和为 K 的子数组

题目 给你一个整数数组 nums 和一个整数 k ，请你统计并返回 该数组中和为 k 的子数组的个数 。 子数组是数组中元素的连续非空序列。...= 3 输出：2 提示： 1 <= nums.length <= 2 * 104 -1000 <= nums[i] <= 1000 -107 <= k <= 107 暴力 直接两层循环找出所有连续子数组的和...考虑到存在重复对连续子数组求和，可以使用前缀和优化这个连续子数组求和，如数组1 2 3 4 5，那么前缀和就是1 3 6 10 15，任何连续子数组的和就是对应的前缀和之差，这样就可以减少求和的重复计算...target 的两个整数的索引，因为哈希查找的时间复杂度是O（1）的 这里同样可以使用哈希查找来优化，我们的目的是想找出两个前缀和之差为k的，考虑到同一个前缀和可能存在出现多次的情况，例如 1 -1 0...，k=0，这个前缀和为0的就会出现两次，因此哈希表设计key为前缀和，value为出现的次数 遍历数组元素，计算前缀和，哈希查找前缀和 - k的key是否存在，存在则说明找到了符合的前缀和，然后加上这个前缀和出现的次数

9610

【CSS】盒子模型内边距 ⑤ ( 内边距不影响盒子模型尺寸的情况 | 不设置宽度或高度为其设置 Padding 内边距时不撑开盒子 )

文章目录 一、内边距不影响盒子模型尺寸的情况 二、内边距影响盒子模型尺寸的情况 一、内边距不影响盒子模型尺寸的情况 ---- 如果元素没有指定高度 , 为该元素设置 Padding 内边距 , 则不会撑开盒子...; 下面的代码中 , 父容器是 div , 子容器是 p , p 标签的宽度默认充满父容器 , 如果没有为其设置父容器的宽度 , 为 p 标签设置 内边距 , 不会撑开盒子 ; 代码示例 : 内边距不影响盒子模型尺寸的情况 展示效果 : 测量模型宽度 : 测量模型高度...: 二、内边距影响盒子模型尺寸的情况 ---- 如果给 p 标签设置了 具体的尺寸 , 为其设置 Padding 内边距 , 会撑开盒子 ; 代码示例 : <!...像素 , 最终盒子宽度为 250 像素 ; 测量高度 : 没有设置 垂直方向 上的内边距 , 没有撑开效果 ;

1.3K20
您找到你想要的搜索结果了吗？
是的
没有找到

你不知道的css(二) ----content与替换元素,margin,padding

1.替换元素 替换元素的尺寸计算规则：css尺寸 > html尺寸 > 故有尺寸 当做懒加载时,直接抛弃掉src属性效率最高 替换元素没有::after 和 ::before 2.如何将一个替换元素变成一个非替换...: reletive; } .box img{ position: absolute; width: 100%; height: 100% left: 0; top...是没有任何影响的 margin: auto的作用 如果一侧定值，一侧auto，则auto为剩余空间大小（margin初始值为0） 如果两侧均是auto，则平分剩余空间 触发margin:auto...的前提条件是对应方向会自动填充，所以一般高度不会自适应，可以使用writing-mode: vertical-lr改变文档流方向，而这样水平方向无法居中，所以需要设置position，将正常流宽度改变成格式化宽度和格式化高度...margin无效的情况 (1) 绝对定位元素非定为方向的margin值无效 (2)定高容器的子元素的margin-bottom或者定宽元素的子元素的margin-right无效

85320

【CSS】轮播图案例开发 ( 基本设置 | 子绝父相 | 浏览器水平居中 | 圆角设置 | 绝对定位居中设置 )

内部的子元素使用绝对定位任意摆放 */ position: relative; 盒子浏览器水平居中设置 : 将该父容器设置为水平居中 , 将其 margin 的左右外边距设置为 auto...绝对定位垂直居中设置 / 使用圆角矩形设置半圆 / 文字垂直居中 绝对定位垂直居中设置 : 执行下面两个步骤 , 可以将 绝对定位 的子元素设置为 垂直居中 ; 首先 , 走到父容器高度的一半 ; 然后.../ 使用圆角矩形设置小圆点 绝对定位水平居中设置 : 执行下面两个步骤 , 可以将 绝对定位 的子元素设置为 水平居中 ; 首先 , 走到父容器宽度的一半 ; 然后 , 向左走自己宽度的一半 ;...left: 50%; /* 然后 向左走自己的一半宽度 */ margin-left: -35px; 使用圆角矩形设置左右两侧半圆 : 圆角矩形容器高度是 13 像素 , 设置其左右两侧为半圆...} /* 设置图片自适应 */ img { width: 100%; } .banner { /* 子绝父相 : 整个父容器需要设置相对定位 内部的子元素使用绝对定位任意摆放

1.7K10

建议收藏！总结了42种前端常用布局方案

定位方式实现(方法二) 第二种通过定位的方式实现实现思路：top 和 bottom 将子元素拉伸至100%，设置指定的高度，通过margin:auto;即可实现垂直居中。...定位实现水平垂直居中方案(一) 步骤如下： 使子元素相对于容器元素定位 子元素开启绝对定位 设置该元素的偏移量，值为50% 减去宽度/高度的一半 实现CSS代码如下： .parent { /* 1....绝对定位的方式 通过绝对定位的方式实现Sticky Footer布局的步骤如下： 设置最外层容器高度为100%； 让子元素元素相对于容器元素进行定位，并设置容器元素最小高度为100%； 在中间区域设置padding-bottom...在中间区域设置 padding-bottom 为footer 的高度 */ .container { padding-bottom: 100px; } /* 由于开启了绝对定位，宽度成了自适应，...使用calc函数实现 使用 calc 函数实现的方式会比较简单，中间的容器最少高度为视口宽度的100% - 头部和底部两部分的高度即可完成该功能。

4K30

建议收藏！总结了 42 种前端常用布局方案

定位方式实现(方法二) 第二种通过定位的方式实现实现思路：top 和 bottom 将子元素拉伸至100%，设置指定的高度，通过margin:auto;即可实现垂直居中。...定位实现水平垂直居中方案(一) 步骤如下： 使子元素相对于容器元素定位 子元素开启绝对定位 设置该元素的偏移量，值为50% 减去宽度/高度的一半 实现CSS代码如下： .parent { /* 1....绝对定位的方式 通过绝对定位的方式实现Sticky Footer布局的步骤如下： 设置最外层容器高度为100%； 让子元素元素相对于容器元素进行定位，并设置容器元素最小高度为100%； 在中间区域设置padding-bottom...在中间区域设置 padding-bottom 为footer 的高度 */ .container { padding-bottom: 100px; } /* 由于开启了绝对定位，宽度成了自适应，...使用calc函数实现 使用 calc 函数实现的方式会比较简单，中间的容器最少高度为视口宽度的100% - 头部和底部两部分的高度即可完成该功能。

4K30

css-height

如果当前元素设置高度100%，其父级元素（包含块）未设置高度，则会受到子元素影响（前提，子元素未脱离文档流，后续说明） 值为100% <!...，浏览器会为其分配可使用的最大宽度(比如全屏宽度)，但是不负责分配高度，块级元素的高度是由子元素堆砌撑起来的。...设置html的height:100%，就是浏览器的可视高度！ 注意： body为100*100，div1为70*70，继承的是父级元素内容高度，不包括border和padding！...绝对定位元素高度 设置height:100%;，受其父级定位元素影响； 不设置任何高度，默认为height:auto;，受其子元素内容高度影响（前提，子元素未脱离文档流）； 示例：absolute元素height...inhert height:100%和height：inherit大部分情况下是一致的，只有当子元素为绝对定位元素，同时，父容器的position值为static的时候，会有一定的差异性！ <!

1.1K21

CSS 中的相对单位

# 设置一个合理的默认字号 如果你希望默认字号为 14px，那么不要将默认字体设置为 10px 然后再覆盖一遍，而应该直接将根元素字号设置为想要的值。...视口的相对单位 vh: 视口高度的 1/100 vw：视口宽度的 1/100 vmin：视口宽、高中较小的一方的 1/100（IE9 中叫 vm，而不是 vmin） vmax：视口宽、高中较大的一方的...在横屏时，vmin 取决于高度；在竖屏时，则取决于宽度。 /* 生成了一个大正方形，不管如何缩放浏览器，它都能在视口中显示。...，就是设置字号，它比用 vh 和 vw 设置元素的宽和高还要实用。...通常我们应该使用无单位的数值，因为它们继承的方式不一样。 继承有一个怪异特性：当一个元素的值定义为长度（px、em、rem，等等）时，子元素会继承它的计算值。

89220

2023-04-29：一个序列的 宽度 定义为该序列中最大元素和最小元素的差值。 给你一个整数数组 nums ，返回 nums 的所有非空 子序列 的 宽度之和

2023-04-29：一个序列的 宽度 定义为该序列中最大元素和最小元素的差值。...给你一个整数数组 nums ，返回 nums 的所有非空 子序列 的 宽度之和由于答案可能非常大，请返回对 109 + 7 取余 后的结果。...子序列 定义为从一个数组里删除一些（或者不删除）元素，但不改变剩下元素的顺序得到的数组例如，3,6,2,7 就是数组 0,3,1,6,2,2,7 的一个子序列。输入：nums = 2,1,3。...计算宽度我们使用 A 表示当前子序列的宽度，即末尾元素与首元素的差值，使用 B 表示上一个子序列的宽度，即前一次循环中的 A 值。...时间复杂度：排序的时间复杂度为 O(nlogn)，计算宽度的时间复杂度为 O(n)，因此总的时间复杂度为 O(nlogn)。

68200

《CSS 世界》读书笔记-流与宽高

如果不指定宽高，默认会继承父元素的宽度，并且独占一行，即使宽度有剩余也会独占一行。例子中，宽度继承于父元素 body。 2. 高度一般以子元素撑开的高度为准，当然也可以自己设置宽度和高度。...给子元素  标签设置了 width: 100%，此时的 内容宽度 已经等于外元素的宽度，所以超出的尺寸是设置的 margin 和 padding。...因此，子元素的 content box 宽度就是 100px，和上面直接设置 width 为 100px 的表现一样。...如果包含块的高度没有显式指定（即高度由内容决定），并且该元素不是绝对定位，则计算值为 auto，所以高度计算出来是 'auto' * 100 / 100 = NaN。...那如何让元素支持 height: 100% 的效果呢？ 设定显式的高度值，比如设置 height: 600px，或者可以生效的百分比值高度； 使用绝对定位。

1.2K20

【移动端网页布局】流式布局案例 ③ ( 实现搜索栏功能 | 伪元素选择器 | 子绝父相 | 外边距塌陷处理 | 二倍精灵图处理方案 )

, 两侧需要设置 padding 内边距 ; 搜索栏盒子高度是 30 像素 , 如果设置成半圆形的圆角 , 左侧的半圆需要设置 左上角和左下角 圆角半径为 15 像素 , 右侧半圆需要设置 右上角和右下角.../* 中间部位搜索栏盒子内容 */ /* 子绝父相 该容器的子容器需要绝对定位 因此父容器设置为相对定位 */ position: relative; /* 搜索框高度 30 像素...1 像素大小的 盒子实现 , 宽度 1 像素 , 高度 15 像素 , 背景为灰色 ; 可以通过 ::after 伪类插入上述盒子 , 使用绝对定位设置该盒子的位置 , 注意 子绝父相 , 子元素绝对定位...*/ overflow: hidden; /* 搜索栏宽度充满全屏 */ width: 100%; /* 搜索栏的高度为 44 像素 */ height: 44px...: hidden; /* 搜索栏宽度充满全屏 */ width: 100%; /* 搜索栏的高度为 44 像素 */ height: 44px; /* 搜索栏最小宽度

2K30

第141天：前端开发中浏览器兼容性问题总结（二）

IE6 默认的div高度 问题： ie6默认div高度为一个字体显示的高度，所在ie6下div的高度大于等于一个字的高度，因此在ie6下定义高度为1px的容器，显示的是一个字体的高度 解决： 为这个容器设置下列属性之一...important; height:200px; 7. td高度的问题 问题： table中td的宽度都不包含border的宽度，但是oprea和ff中td的高度包含了border的高度 解决：        ...IE6 width为奇数，右边多出1px的问题 问题： 父级元素采用相对定位，且宽度设置为奇数时，子元素采用绝对定位，在ie6中会出现右侧多出1像素 解决： 将宽度的奇数值改成偶数 12....IE6 子元素绝对定位的问题 问题：        父级元素使用padding后，子元素使用绝对定位，不能精确定位 解决：        在子元素中设置  _left:-20px; _top:-1px;...子容器宽度大于父容器宽度时，内容超出 问题： 子DIV的宽度和父DIV的宽度都已经定义，在IE6中如果其子DIV的宽度大于父DIV的宽度，父DIV的宽度将会被扩展，在其他浏览器中父DIV的宽度将不会扩展

1.9K21

【移动端网页布局】流式布局案例 ⑤ ( 连续排列的链接图片 | 设置盒子圆角 | 超出部分隐藏 | 设置浮动布局 | 精确计算浮动元素宽度避免换行 | 设置图片宽度自适应 )

在布局中 , 三个链接图片水平排列在一起 , 并且中间没有缝隙 , 说明这是使用 浮动 进行设置的 , 为父容器的三个子元素都设置 左浮动 , 就可以实现上述效果 ; 设置浮动后 , 还需要设置子元素的宽度..., 如果子元素横向累加宽度超过 当前宽度 , 会自动换行 , 因此这里为每个子元素设置一个 1/3 宽度 , 即 33.33% ; 子元素 设置浮动和宽度的样式如下 : .brand div...个 为其设置 1/3 的宽度即可 */ width: 33.33%; } 5、设置图片宽度自适应 上述布局中 , 图片自动充满父容器 , 为 标签设置 100% 宽度 , 设置图片后...: hidden; /* 搜索栏宽度充满全屏 */ width: 100%; /* 搜索栏的高度为 44 像素 */ height: 44px; /* 搜索栏最小宽度...垂直居中 */ line-height: 44px; } .search { /* 中间部位搜索栏盒子内容 */ /* 子绝父相 该容器的子容器需要绝对定位 因此父容器设置为相对定位

3.5K20

CSS中关于元素居中的方法总结（超全）

子标签, 设置为行内块级元素，垂直居中，且单独设置行高 注：line-hight:1 ; 这里的1指与父级的字体大小相同，你可以可以直接写具体的px p span{ display: inline-block...垂直居中 方法1： 设置父元素相对定位，子元素position: absolute;top: 50%;同时margin-top值为-(子元素高度的一半)，因为设置top值时是相对于盒子顶部，所以想要居中还要往上移动半个盒子的高度才能实现...，都是利用相对定位和绝对定位，有点不同是子元素内加上了transform:translateY(-50%);和margin-top: -50px; 代码如下： .out{...; transform: translateY(-50%); } 方法3： 设置父元素为相对定位，子元素为绝对定位，同时设置子元素的top,bottom,...left,right值为0，最后设置margin:auto;这能实现块元素的垂直+水平居中，看代码： <!

2.2K20

CSS垂直居中的七个方法

，适用于“单行”的“行内元素”（inline，inline-block），例如单行的标题，或者已经设置inline-block属性的div，若将line -height设成和高度相同的数值，则内容的行内元素就会被垂直居中...所以我们就要把脑筋动到“伪元素”身上，利用:: before和:: after添加div进到杠杠内，让这个“伪” div的高度100％，就可以轻松地让其他的div都居中。不过不过不过！...，主要掌管元素的变形，旋转和位移，利用transform里头的translateY（更改垂直的位移，如果使用百分比为单位，则以元素本身的长宽为基准），搭配元素本身的top属性，就可以做出垂直居中的效果，...宽度：100px; 高度：50px; 最高：50％; 转换：translateY（-50％）; 背景：＃095; } 6.绝对定位 绝对定位就是CSS里头的位置：绝对，利用绝对位置来指定，但垂直居中的做法又和我们正统的绝对位置不太相同...，是变为上下左右的数值都设置为0，再搭配一个保证金：auto ，就可以办到垂直居中，不过要特别注意的是，设置绝对定位的子元素，其父元素的位置必须要指定为relative喔！

2.2K30

7个Web前端程序员必须会用CSS技巧

2、含有定位属性的元素，其top、bottom单位为百分比时，该百分比是相对于父元素的高度的。 同理，left、right则是相对于父元素的宽度的。...4、width：100% 当父容器里有绝对定位的子元素时，子元素设置width:100%实际上指的是相对于父容器的padding+content的宽度。...当子元素是非绝对定位的元素时width:100%才是指子元素的 content ，其等于父元素的 content宽度。...6、ex和 ch单位 ex：取当前作用效果的字体的x的高度，在无法确定x高度的情况下以0.5em计算； ch:以节点所使用字体中的“0”字符为基准，找不到时为0.5em； ex和 ch单位，类似于 em...你可以在Eric Meyers的博客里找到关于它的一些有意思的讨论，例如将一个等宽字体的字母”N”的宽度设置为40ch，那么在另一种类型的字体里它却可以包含40个字母。

46800

【CSS】使用 固定定位 实现顶部导航栏 ( 核心要点 | 固定定位元素居中设置 | 代码示例 )

0 , 即可设置为顶部导航栏 , 其位置不受页面滚动影响 ; /* 设置固定定位 */ position: fixed; top: 0; 由于顶部的导航栏设置了 绝对定位 , 该元素是脱标的..., 下方的网页内容会被顶部导航栏覆盖 , 这里需要设置一个上外边距 , 上外边距值大于等于 顶部导航栏的高度 ; /* 顶部的固定定位盒子高度 100px 由于其脱标会覆盖标准流元素...此处标准流盒子设置 100px 的外边距 防止被顶部的固定定位盒子覆盖 */ margin-top: 55px; 由于设置 绝对 / 固定 定位 , 会将元素变为行内块元素 , 其宽度是内部子元素的宽度..., 如果要精确放置顶部导航栏的位置 , 顶部导航栏盒子必须设置宽度 , 这里选择设置其宽度为 100% ; /* 定位元素如果不设置宽度 默认就是内部内容的宽度 */ /* 如果要设置盒子...100 像素外边距 水平居中 */ margin: 0px auto; /* 子元素与 */ padding: 10px; /* 顶部的固定定位盒子高度 100px 由于其脱标会覆盖标准流元素

2.8K50

前端知识点总结（html+css）（上）

常见块级元素、行内元素、行内块元素的特点和区别 块级元素 (常见的块级元素div，p，h，form，li) 一行显示一个; 宽度默认为容器的100%； 可以设置高度宽度内外边距 块级元素可以包含其他的块级元素和文本...（如div下可包含div） 行内元素（常见的行内元素a,span.img） 一行显示多个 宽度为内容的宽度 不可以设置高度和宽度 标签内一般不包含标签（如a标签内包含a标签） 行内块元素 行内块元素包含块级元素和行内元素的特征...高度塌陷 原因 很多情况父盒子不方便给高度，子盒子浮动脱离文档流不占位置，使父盒子高度为0 解决方案 在浮动元素末尾加一个空标签，设clear:both 父级添加overflow:hidden 使用...vw和vh：都是针对当前浏览器窗口大小而言，1vw就等于可视窗口宽度的百分之一，1vh 就等于可视窗口高度的百分之一。...子元素未知：display：flex；justify-content: center；align-items: center 子元素用绝对定位，上下左右为0，margin：auto，父：relative

25910
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券