1. BoxLayout——盒式布局： 1) 这是Swing中新引入的一种布局，为了弥补GridBagLayout过于复杂的缺点； 2) 但其并不是一种GridBagLayout的替代品，而是结合前面的流式、方位式等形成更丰富灵活的布局模式，目的是为了和之前的布局模式嵌套组合； 3) 这里的盒子是一种单向布局盒子，一个盒
转载
2023-08-31 15:29:32
98阅读
盒子模型构成盒子厚度border——边框填充厚度padding——内边距与其他盒子距离margin——外边距边框bordernone：没有边框 solid：边框为单实线————最常用 dashed：边框为虚线 dotted：边框为点线 double：边框为双实线<style>
div{
width: 200px;
heig
转载
2023-12-11 00:47:23
138阅读
示例代码如下： <!-- css --> <style> body { margin: 0; padding: 0; } .main { position: relative; height: 600px; background-color: #ccc; } .item { position: ab
原创
2021-09-07 17:43:01
132阅读
# Android盒子布局实现教程
## 引言
Android中提供了多种布局方式来实现界面的布局，其中盒子布局（Box Layout）是一种非常常用且灵活的布局方式。本文将教会刚入行的小白如何实现Android盒子布局。
## 盒子布局的流程
下面是实现Android盒子布局的整个流程，我们将通过表格的形式展示每一步需要做什么。
步骤 | 操作
---|---
1 | 创建一个新的An
原创
2023-08-24 17:28:43
176阅读
简单介绍上网易前端微专业课程，里面有一个课外作业是实现一个3D旋转立方体。花了点时间做了下。还有点意思。写个简单教程。供大家学习。先放上终于要实现的效果注：代码在chrome 43.0.2357.124 m正常，其它浏览器未測试步骤1.在二维平面上放置好各个面大家小时候可能都玩过“叠盒子”，就是在一张纸上线画出一个盒子的展开图，然后裁剪叠出一个盒子，相似下图这样：看到这个应该有点思路了吧，我们这里
转载
2023-11-26 14:13:55
40阅读
话说现在的手机配置越来越高，比起盒子也没差到哪儿去，再加上本来也是同属安卓阵营的产品，闲置了可惜，卖了又不值钱，送人也没人要，那么何不废物利用一下呢。有人会发现，其实除了每家盒子自定的固件rom，公版的安卓盒子和手机感觉没啥区别，那么我们是不是也可以把废旧手机变身盒子呢。下面我介绍几种方法。1.安卓手机接av线。需要设备：支持av线电视一台，av转接线(一头带耳机的那种)，安卓手机一个(安卓2.3
转载
2023-08-30 21:43:32
167阅读
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这
转载
2023-12-01 13:02:09
74阅读
flex 无需多言，就是方便。
原创
2022-07-22 14:39:19
136阅读
flex 无需多言，就是方便。
原创
2023-03-24 19:24:02
76阅读
因最近业务需求需要实现类似于Element中的MessageBox组件的效果，所以尝试封装了一个类似的小组件，本文不介绍封装，因为受到MessageBox的启发，所以通过源码注释的方式详细剖析一下Element的MessageBox实现思想。基础知识Vue.extend(options)参数：{Object} options用法：使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的
转载
2024-07-09 08:05:58
41阅读
自动装箱与自动拆箱首先要提到的便是 Java 的自动装箱（auto-boxing）和自动拆箱（auto-unboxing）。我们知道，Java 语言拥有 8 个基本类型，每个基本类型都有对应的包装（wrapper）类型。之所以需要包装类型，是因为许多 Java 核心类库的 API 都是面向对象的。举个例子，Java 核心类库中的容器类，就只支持引用类型。当需要一个能够存储数值的容器类时，我们往往定
转载
2024-01-30 06:41:41
33阅读
1.盒模型一个元素在页面中相当于一个盒子，包括margin、border、padding、content，如下图所示：图1 css盒子 盒子模型包括IE盒模型与标准盒模型。 div{
width: 100px;
height: 50px;
border: 2px;
padding: 10px;
margin: 20px;
}标准盒子模型：
转载
2023-12-11 10:51:18
39阅读
CSS flex布局（弹性布局/弹性盒子） (biancheng.net)
转载
2023-09-18 15:32:16
236阅读
# Android 自适应盒子布局
## 什么是自适应盒子布局？
自适应盒子布局是一种用于在 Android 应用中实现动态和灵活布局的技术。它是在 Android 3.0 版本中引入的，旨在提供一种灵活的方式来管理界面元素的位置和大小，以适应不同尺寸和方向的屏幕。自适应盒子布局是基于 CSS 中的 Flexbox 模型设计的，因此对于熟悉 Web 开发的开发者来说，学习和使用它将变得更加容易
原创
2023-08-10 14:28:44
122阅读
一、 前言 盒子（一个块）是CSS布局中最基础的东西，如果你没完全搞清楚盒子是怎么回事，那么你在布局中将会很纠结，今天把它搞明白吧。文章中有误的地方，麻烦您指正。二、 什么是CSS盒子呢？ 现在很多的书籍和教程都在说“D
转载
2011-11-18 10:40:00
208阅读
弹性盒子布局常用属性 display : flex 声明当前容器时弹性容器 （默认从左到右子元素水平排列） flex-direction : row 从左到右排列 （主轴水平） flex-direction : row-reverse 从右到左排列 （主轴水平） flex-direction : c ...
转载
2021-10-25 16:00:00
308阅读
2评论
示例代码如下： <!-- css --> <style> body { margin: 0; padding: 0; } .main { display: flex; justify-content: center; align-items: center; height: 600px; width
原创
2021-09-07 17:43:00
495阅读
display : flex 声明当前容器时弹性容器 （默认从左到右子元素水平排列） flex-sirection : row 从左到右排列 （主轴水平） flex-sirection : row-reverse 从右到左排列 （主轴水平） flex-sirection : column 从上到下排 ...
转载
2021-08-19 20:43:00
164阅读
2评论
1、弹性盒子中的弹性子元素默认是进行一行展示的，从左到右； 2、父元素属性：display：flex；—— 是设置父元素成为一个弹性盒子；里边的子元素符合弹性布局； 3、给父元素设置direction：rtl；—— 是可以改变弹性布局的，改为从右到左开始，里边的子元素也是从右到左进行排列的； 4、flex-direction属性：指定了弹性子元素在父容器中的位置&nb
转载
2023-08-25 11:19:24
159阅读
弹性盒子内容弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。注意： 弹性容器外及弹性子元素内是正常渲染的。弹性盒子只定义了弹性子元素如何在弹性容器内布局。弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只
转载
2024-05-16 12:34:02
61阅读
