样式设置高度撑bai满整个页面，那么必须从最外层，一层一层设置高度100%；<html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>
原创
2021-07-12 10:25:10
4444阅读
样式设置高度撑bai满整个页面，那么必须从最外层，一层一层设置高度100%；<html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>
原创
2022-02-28 17:57:08
4535阅读
绝对定位之后，top: 0; bottom: 0; left: 0; right: 0;根据盒模型，宽高就是自动的，会让元素撑满position:absolute;top: 0;bottom: 0;left: 0; right: 0;
原创
2022-11-07 18:11:20
372阅读
Apache EChartsECharts, a powerful, interactive charting and visualization library for browserhttps://echarts.apache.org/zh/index.htmlECharts是百度公司开源的一个使用 JavaScript 实现的开源可视化库，兼容性强，底层依赖矢量图形库 ZRender ，提供
转载
2024-09-07 16:38:19
92阅读
折线图参考echarts示例：http://www.echartsjs.com/examples/editor.html?c=line-smooth折线图github地址：https://github.com/dkr380205984/myComponent/blob/master/src/page/d3/line.vued3制作折线图的难点在于如何实现折线图的动画效果由于折线是由path标签绘制
转载
2024-07-13 10:14:12
82阅读
标题的各类效果 字号 颜色 描边 对齐 ....title: {
text: '入门示例',
textStyle: {
color: '#f35' ,
textBorderColor:'#000',
textBorderWidth:1,
},
textAlign: 'auto',
转载
2024-10-01 12:40:29
506阅读
项目场景：在制作数据视图时经常会遇到多个数据视图的情况，在多个数据视图的情况下做自适应是比较麻烦的，这里就详细的分析一下该如何去制作，分享一下我的解决办法及思路。定义 DOM 容器这里需要注意一个地方，在定义高宽的 DOM 容器时，不能把宽度定为固定大小，或者父级也不能为固定大小，如果是固定的宽度哪怕重绘了，宽度也是一样的，所以是无法实现自适应的，一般情况下都是固定高度，然后宽度自适应。例：<
点击上方“前端自习课”关注，学习起来~ 在最近开发移动端页面，遇到这么一个情况：当页面宽度 100% 时，高度为宽度一半，并随手机宽度变化依然是一半。于是我们就需要实现一个宽度自适应，高度为宽度一半的容器。这里先以高度为宽度一半为例，也可以是其他任意比例。一、思考如何实现这个问题类似于：我们在移动端页面，上面有一张宽度 100% 的图片，如果我们没设置高度，则图片会根据原有尺寸，等比缩放。我
在使用 jQuery DataTable 时，有一个常见的问题就是表头宽度没有撑满整个屏幕。这不仅影响了用户体验，也造成了数据呈现的局限性。在这篇博文中，我将详细记录这个问题的演进历程、架构设计、性能攻坚、故障复盘以及复盘总结的过程，帮助大家更好地理解和解决这个问题。
### 背景定位
在我们的业务场景中，用户对数据呈现的要求逐渐提高，特别是在数据表格的美观性上。为了提升用户体验，我们选择了使
flex 应该是最常用的布局了想写一个左边(内容撑开)右边自适应的布局 不知道啥影响的, 右边不会自适应, 没办法, 回来看看flexflex-basis比width 优先级高, 当然前提是flex 的直接子元素, 而且子元素的空间富裕, 子元素的内容, 没有超出的情况下, 同时设置这两个, flex-basis比width 优先级高, 如果不是, width 还是有用的. 自己写宽度或者覆盖已有
固定宽度CSS版式布局 红色字符和背景标识的为比较实用的结构 自适应(弹性)宽度CSS版式布局 标准布局常见问题及解决办法:
3像素问题及解决办法
当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右侧容器内部，当设定高度后又跑到容器的左侧了，所以对布局精度要求高的话，请参考例29、31的解决方法。
方法1.在父容器中设置layout;'card'，在子容器中设置layout:'fit' 方法2：就是用document获取屏幕的宽和高，然后用setW
原创
2023-03-15 11:20:51
90阅读
* { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: graysc...
原创
2021-05-27 14:29:37
684阅读
多栏布局有三种基本的实现方案： 固定宽度，流动，弹性固定宽度布局的大小不会随用户调整浏览器窗口大小而变化，一般是900到1100像素宽。其中960像素是最常见的，因为这个宽度适合所有现代显示器，而且能够被16、12、10、8、6、5、4和3整除，不仅容易计算等宽分栏的数量，而且计算结果也能得到没有小数的像素数。流动布局的大小会随用户调整浏览器窗口大小而变化。这种布局能够更好地适应大屏幕，但同时也意
转载
2024-05-29 07:26:34
213阅读
大家有没有遇到过这种情况， prefixIcon中国添加了饿Row，导致覆盖了整个Field区域。后来发现设置了mainAxisSize: MainAxisSize.min
原创
2023-05-30 01:14:55
229阅读
本人是前端的新人，这是第一次写技术博客，各位大大，本文有错误请指正，手中的板砖尽量轻拍，我怕疼~~对于水平居中和垂直居中我也用过很多方法，但是有的时候管用有的时候又嗝屁不好使了。涉及到的情况很多，所以想细细的研究一番。隐隐感觉到前端的水好深~~<div class="box-wrap">
<div class="box">
我要居中
1、让背景图片填满DIV 应用background-size属性可以设置背景图片填满
整个div，background-size取值及解释如下：（1）background-size:coverMDN文档解释说明：缩放背景图片以完全覆盖背景区，可能背景图部分看不见。（关键：它会保持图片的宽高比；当图片和容器具有不同的尺寸时，图片左、右、顶或底部会被裁剪） 示例：<div class="case"
1，关于地图的大小控制：首先需要知道一点Echarts的图表（地图）一般都是根据一个div进行初始化，而这个div的大小基本上就是图表的大小，如果图表有些默认设置小于div的大小则会变成默认设置的大小，而此时如果要控制生成的图表的大小以及图表所在位置（用于构造图表的div中的位置）就需要依赖一个属性：mapLocation这个属性属于series，是一个子属性，其中包括位置以及大小的设置。例如：m
转载
2024-04-04 08:43:14
7629阅读
为什么我们需要grid布局？在web发展过程中，诞生了很多精妙的布局方式。在web 1.0时代，网页只负责静态地展示文字和图片等简单信息，当时流行的是table布局，table布局能够轻而易举地对齐页面内容，而且能兼容各大浏览器。但其也有很大但缺点：1. table用作布局，而不是展示表格数据，使得html语义不明确；2. 要花较大的经历去修改页面内容，比如加一列，就需要修改table每一行htm
转载
2024-07-22 15:53:57
29阅读
## jQuery整个页面
### 介绍
jQuery是一种流行的JavaScript库，它简化了JavaScript代码的编写，使得开发者可以轻松地操作和操纵HTML文档。在本文中，我们将探讨如何使用jQuery来操作整个页面，并提供一些代码示例。
### 安装和引入jQuery
首先，我们需要将jQuery库引入到我们的HTML文件中。你可以通过下载jQuery文件并将其保存在你的项目
原创
2023-11-15 08:30:53
43阅读
