html - 温泉用户界面 : ons-col width

标签 html css layout onsen-ui

我想要在温泉用户界面中有两列 - 一个 40% - 第二个:60%

这是我的代码,它不起作用

<ons-row>
  <ons-col size="40">Col</ons-col>
  <ons-col >Col</ons-col>
</ons-row>

我也试过

<ons-row>
  <ons-col >Col</ons-col>
  <ons-col size="60">Col</ons-col>
</ons-row>

<ons-row>
  <ons-col size="40">Col</ons-col>
  <ons-col size="60">Col</ons-col>
</ons-row>

全部无效

如有任何帮助,我们将不胜感激!

问候

最佳答案

应该是这样的:

<ons-row>
 <ons-col width="50px">Col</ons-col>
 <ons-col >Col</ons-col>
</ons-row>

关于html - 温泉用户界面 : ons-col width,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27039945/

相关文章:

android - 如何使用自定义行和标题布局预览 Android ListView

html - Css 多列,牢不可破的内容

html - 创建一个文本和图像缩放以适合剩余空间的 div?

php - 如何使用 CSS Bootstrap 类从 HTML 生成 PDF

php - 图像在 Bootstrap 行中被拉伸(stretch)

Android 布局 - ImageView 的对齐问题

iOS,带有 Collection View 的自定义键盘,约束问题

jquery - Django 模板创建 div.selector 框

css - 如何在左浮动 <figure> 的右侧换行一段

javascript - 如何显示加载程序直到显示图像?