小编Mah*_*h K的帖子

CSS浮动,清除浮动元素的"行"

我想创建一个"记分卡"网格来输出一些数据.如果每个div.item中的数据都是相同的高度,那么每个div.item上留下一个简单的浮点数会提供一个漂亮的均匀布局,可以根据浏览器大小很好地扩展和缩小.

但是,如果数据是可变的,每个div中的行数不同,那么元素浮动的方式会产生不均匀且混乱的输出.请参阅下面的代码示例 如果您使用以下内容创建页面,请将浏览器的大小调整为大约800px宽,以便框1,2和3在顶部创建"行",然后是4,5和6.如何将7下拉到下一行所以它创建一行以及8和9?

显然,如果你调整浏览器的大小以便每行显示4个div,则数字9是我想要在5以下分解的元素.有什么明显的东西我缺少或者我需要使用一些Javascript来实现这一点吗?

div.item{
  float:left;
  width:220px;
  background-color:#DBDBDB;
  margin:8px;
}

h1, p{
  padding:4px;
  margin:0;
}
Run Code Online (Sandbox Code Playgroud)
<div class='item'>
  <h1>1</h1>
  <p>Content</p>
  <p>Content</p>
  <p>Content</p>
</div>

<div class='item'>
  <h1>2</h1>
  <p>Content</p>
  <p>Content</p>
  <p>Content</p>
</div>

<div class='item'>
  <h1>3</h1>
  <p>Content</p>
  <p>Content</p>
  <p>Content</p>
</div>
Run Code Online (Sandbox Code Playgroud)

css css-float

16
推荐指数
1
解决办法
2万
查看次数

Native Script与本机和离子框架之间的差异

Native Script和ionic框架分别用于构建具有Web视图和无Web视图的IOS和Android应用程序.

在上述技术中,Web视图的概念与没有Web视图之间存在混淆.

Native Script和离子框架之间的主要区别是什么.哪一个提供最佳性能?

任何人都可以解释这个或提供一些相关的东西.

(如果我的理解错误,请纠正我)

cordova hybrid-mobile-app ionic-framework nativescript react-native

15
推荐指数
2
解决办法
9098
查看次数

如何将Ionic输入类型文件设置为Button

我想设置离子文件选择器按钮的样式.

<input type="file" id="myFileInput">
Run Code Online (Sandbox Code Playgroud)

但是Ionic没有输入类型文件按钮.那么如何通过选择文件文本获得比标准按钮更好看的按钮?

javascript input input-type-file meteor ionic-framework

10
推荐指数
3
解决办法
2万
查看次数

在android插件更新到2.2.0后,离子项目不会构建(或运行)

错误信息:

FAILURE:构建因异常而失败.

android gradle ionic-framework

5
推荐指数
1
解决办法
7169
查看次数