拼图Pintuer里面.layout,.container,.container-layout的区别
taotaoit 拼图Pintuer 2019-12-16 304 0
关于本站

淘淘IT

记录工作学习中的点点滴滴

本站创建于2017年,用于记录工作和学习中遇到的问题。同时,不断提升网站的使用体验,增加新的功能。

844954 1249 12
最新评论
感谢大佬解决了我的问题
评 留言
11111111111111111111ewqr :ku:
评 留言
@xiaoniba 好像是编码GBK和utf-8的区别,请看下我摘抄的一篇文章,里面有介绍http://taotaoit.com/article/details/885.html,你可以尝试下是否可以
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
\x7f-\xff 这个匹配什么东东,会不会出现安全问题??? 改成这样如何 if ($strict && !preg_match('/^[\w\.\*\x{4e00}-\x{9fa5}]+$/u', $key)) {
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
完美解决 牛逼
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
文章标签更多
ThinkPHP (121)
Mysql (28)
DedeCms (28)
jQuery (28)
证件照 (1)
setInc (3)
setDec (3)
onclick (3)
打开边栏(ESC) 关闭边栏(ESC)

先看css:

.layout {
	width: 100%
}
.container, .container-layout {
	margin: 0 auto;
	padding: 0 10px
}
html代码:

<div class="container" style="background:#ccc;">
		...
</div>
<div class="layout" style="background:#ddd;">
	...
</div>
<div class="container-layout" style="background:#eee;">
	...
</div>
效果图:

from clipboard

.container和.container-layout容器左右各含10px的内填充(padding),.layout是完全的100%宽度。
容器大小
.container和.container-layout的区别,在不同屏幕大小,.container,具体表现为超小屏幕:自动;小屏幕:760px;中屏幕:1000px;大屏幕:1200px;
当不需要限制容器宽度时,请使用.container-layout容器。

版权声明:本站原创文章,允许自由转载。

相关推荐
Pintuer+ajax验证提交表单,不知道为什么敲回车提交两次表单
拼图Pintuer | 2019-12-26 327
html代码: <form method="post" class="form-big" onsubmit="return false" id="ajaxForm"> <div class="panel padding radius-none"> <div class="t...
拼图Pintuer.com基本页面
拼图Pintuer | 2019-11-12 285
拼图Pintuer.com基本页面,先记录,以备后用 <!DOCTYPE html> <html lang="zh-cn"> <head> <!-- 兼容模式处理,拼图并不支持 IE 的兼容模式。为了让 IE 浏览器运行最新的渲染模式下,建议将此 meta 标签加入到你页面的 head 中...