利用column-width属性设置多栏布局

css样式设置为：

div{
background:blanchedalmond;
margin:0 auto;
width:1230px;
-moz-column-width:400px;
-webkit-column-width:400px;

}

在利用column-width属性设置多栏布局是可能会出现这样的情况:每列长度为600px

与设置的样式相悖，出现这种情况的原因是column-gap的最小值为1em即列与列之间的最小距离为16px;当列的长度为400px ，如果将整个div分为3列时，column-gap的值为15px小于16px ,所以整个div不能分为3列，所以整个div分为2列，为了满足div的长度，所以导致每列的长度会变大

时间： 2024-10-13 19:58:20

利用column-width属性设置多栏布局的相关文章

利用jquery eq()属性的tab栏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

2015年07月08日 1.对于 IOS6 导航栏背景图片为 44 则@2x 得设计为 88 2.对于 IOS7 导航栏背景图片为 64 则@2x 得设计为 128 出现以上差异原因是由于IOS6里面,状态栏20是不包括在导航栏里面的,而 IOS7是包含在导航栏里面的. 3. 修改状态栏的文字颜色(全局修改) 1. 首先先在 info.plist文件中,先添加一个View controller-based status bar appearance 的选项并设置为 NO. 2.这是可以使用

ios weibo 第二天设置导航栏属性，添加加号按钮

要点:1.在底部添加加号按钮 2.设置导航栏属性 1.weibo底部的button其中四个按钮是一样的,其中中间的加号需要另外做处理 tablebar是自己定义的 ,代码如下 - (void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; // 删除系统自动生成的UITabBarButton for (UIView *child in self.tabBar.subviews) { if ([child isKin

iOS 导航栏的属性设置

iOS中设置导航栏背景.字体属性 --------------------------------------------------- 1.自定义导航控制器作为基类,在 + (void)initialize 方法中设置偏好设置,不要在 + (void)load 方法中设置 + (void)initialize { // 设置两侧按钮的颜色tintColor(标题除外) [[UINavigationBar appearance] setTintColor:FGCOLOR]; // FGCOL

Gridview利用DataFormatString属性设置数据格式

首先把Gridview的AutoGenerateColumns属性设为False(默认是False),DataField选择相应的字段,特别需要注意的是要把需要设置的字段的HtmlEncode属性设置为False,否则所设置的格式将无法显示,然后就可以设置每个字段的 DataFormatString属性来输出不同的格式了. DataFormatString 属性语法如下: {A:B} 如:DataFormatString="{0:格式字符串}" 冒号前的值(常规示例中为 A)指定在

设置导航栏的相关属性

很多其它具体内容请參考http://www.cocoachina.com/applenews/devnews/2013/1104/7287.html 别人的代码敲一遍就成了自己的了 //改动导航栏的背景色 [[UINavigationBar appearance] setBarTintColor:[UIColor yellowColor]]; //设置导航栏的背景图片. [[UINavigationBar appearance] setBackgroundImage:[UIImage image

个人经验 - Android的RelativeLayout布局的layout_height属性设置为wrap_content时的坑

Android的RelativeLayout布局的layout_height属性设置为wrap_content时的坑: 此坑出现的条件: 1.RelativeLayout布局的layout_height属性设置为wrap_content 2.某“居中View”设置为layout_centerX(layout_centerVertical.layout_centerHorizontal.layout_centerInParent) 3.其它View相对于“居中View”做布局此时坑出现了: 无论

Android应用之——利用getItemViewType为Listview的item设置不同的布局

一.概述在项目的需求中,有一处需要显示一个交易记录的列表,这个列表很容易让人联想到用listview来实现,但是这个列表又有稍许不同的地方,那就是它里面的item并不是一样的布局,其中某些部分显示的是消费的记录,而有些地方显示的是充值的记录,也就对应了不同的item布局.而且,这两处地方都是从服务端获取数据的,这两个item的数据对应的类内容也各不相同,该怎么处理呢? 下面来一步步实现这个效果. 二.先看效果图三.实现步骤实现的原理就是listview的adapter中的一个关键的方法就是

设置导航栏标题的文字属性

效果: 源码: UINavigationController+TitleTextAttributes.h 与 UINavigationController+TitleTextAttributes.m // // UINavigationController+TitleTextAttributes.h // NC // // Copyright (c) 2014年 Y.X. All rights reserved. // #import <UIKit/UIKit.h> @class NCTitl