CSS3 最小内容尺寸(min-content size)和最大内容尺寸(max-content size)简介

CSS sizing level3规范中，和布局尺寸相关内容，经常会出现min-content size和max-content size等术语。

这需要分为两类：一类是和块元素相关，一类是和行内元素相关。

1. min-content inline size

最小内容行内尺寸表示在尽可能使用软性（即非硬性指定）包含技术（比如自动换行）后，刚好包含了元素内容而不出现溢出的尺寸。

2. max-content inline size

和min-content inline size不同，最大内容行内尺寸表示在不使用任何软性包含技术时，在单行内（除非使用硬性换行）刚好包含了元素内容而不出现溢出的尺寸。

3. max-content block size 和 min-content block size

对于块元素而言，这两者是等同的。

4. max-content contribution 和 min-content contribution

最大内容贡献和最小内容贡献分别对应于max-content, min-content size，

只不过在此之上，还需要计算入内外边距（margin/padding）以及边界（border）的尺寸。

理解这些术语，对于掌握CSS3新引入的网格布局，弹性布局技术都是有帮助的。

自己试一试有一个直观的印象。

by iefreer

时间： 2024-11-06 06:26:10

CSS3 最小内容尺寸(min-content size)和最大内容尺寸(max-content size)简介的相关文章

Timeout expired 超时时间已到. 达到了最大池大小错误及Max Pool Size设置

参考数据库链接串: <add key="data" value="server=192.168.1.123; Port=3306; uid=root; pwd=root;database=data;pooling=true;min pool size=5;max pool size=512;connect timeout = 20; "/> 查看应用程序池占用数量: select * from sysprocesses where dbid= db_id

数据库连接池问题 Max Pool Size

摘自: http://blog.csdn.net/chensirbbk/article/details/6225268 Timeout expired 超时时间已到. 达到了最大池大小错误及Max Pool Size设置参考数据库链接串: [code=sql]<add key="data" value="server=192.168.1.123; Port=3306; uid=root; pwd=root;database=data;pooling=true;min

实现栈最小元素的min函数

1 #include<iostream> 2 #include<stack> 3 using namespace std; 4 class min_stack 5 { 6 public: 7 void push(int); 8 void pop(); 9 int min(); 10 int size() 11 { 12 return data.size(); 13 } 14 private: 15 stack<int> data; 16 stack<int>

剑指offer20：定义栈的数据结构，请在该类型中实现一个能够得到栈中所含最小元素的min函数（时间复杂度应为O（1））。

1 题目描述定义栈的数据结构,请在该类型中实现一个能够得到栈中所含最小元素的min函数(时间复杂度应为O(1)). 2. 思路和方法利用辅助栈来存储现有栈的最小值.在入栈和出栈的时候将现有栈和最小值栈进行比较.入栈时,若新值比最小值栈的栈顶还小,则将该值同时push到最小值栈:出栈时,若现有栈的栈顶和最小值栈栈顶一致,则同时出栈,否则,仅仅现有栈pop:通过这一操作,最小值栈的栈顶将永远是现有栈元素中的最下值. 3 C++核心代码 1 class Solution { 2 public: 3

其它内容选项----第二章:创建和管理内容

一个弹出式窗口将出现在其中您可以更新文本不留主页 (见图2-8).修改编辑器中的文本,然后单击保存按钮.新版本您保存后的网页上会自动出现.这是执行快速文本的好方法触摸起坐,你已经发现了或固定的错误. 图2-8.对网页内容编辑如果进行一些修改,喜欢全屏幕编辑器界面中,单击铅笔图标(见图2-7),然后选择编辑选项.这是因为点击任何内容项的标题来查看同一内容详细页(即内容项目作为一个独立的页面的完整渲染),然后选择编辑选项卡内容的标题下方,就像我们以前一样. 其它内容选项在内容编辑表格的

本页不但包含安全的内容，也包含不安全的内容

为什么会出现这种安全提示呢?因为SSL证书对网站代码的安全性要求很高,但许多用户网站中却使用了大量的外链,而这些外部的资源(图片或js)正是不安全的因素所在,因此用户在部署SSL证书后需要对网站代码进行调整,这样才能保障网站的安全:在部署SSL证书后,通过https访问网站时,有些网站会出现以下提示,不同的浏览器提示也不一样,下面已IE,火狐,Chorme 为例: 1.IE浏览器底部会提示"只显示安全内容",或者,本页不但包含安全的内容,也包含不安全的内容是否显示不安全的内容? 2.谷

hive对于lzo文件处理异常Caused by: java.io.IOException: Compressed length 842086665 exceeds max block size 67108864 (probably corrupt file)

hive查询lzo数据格式文件的表时,抛 Caused by: java.io.IOException: Compressed length 842086665 exceeds max block size 67108864 (probably corrupt file) 这类异常,如图: 这是由于lzo文件数过多,hive执行时默认是不会自动先合并lzo等压缩文件再计算,需要设置hive对应的参数,告诉它在执行计算之前,先合并较多的压缩文件在执行hive的sql之前需要加上 set hive

jQuery 尺寸:处理元素和浏览器窗口的尺寸

jQuery 尺寸通过 jQuery,很容易处理元素和浏览器窗口的尺寸. jQuery 尺寸方法 jQuery 提供多个处理尺寸的重要方法: width() height() innerWidth() innerHeight() outerWidth() outerHeight() jQuery 尺寸 jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度(不包括内边距.边框或外边距). height() 方法设置或返回元素的高度(不包括内边距.边框

SQLSERVER：Timeout expired. The timeout period elapsed prior to obtaining a connection from the pool. This may have occurred because all pooled connections were in use and max pool size was reached.

1.Max Pool Size 默认为100. 2.查看当前数据库连接数量, select * from sysprocesses where dbid= db_id('数据库名称') 结果为190, 3.添加数据库查询的最大连接数量 Data Source=.;Initial Catalog=i_Master;Persist Security Info=True;User ID=NUser;Password=N2;max pool size=500设置最大连接数量 500 原文地址:https