PhoneGap中文网

 找回密码
 立即注册
PhoneGap中文网 视频教程 ionic 教程 查看内容

ionic中 content和.scroll-content

2015-4-8 12:42| 发布者: admin| 查看: 3046| 评论: 0

摘要: ionic预定义了两个内容容器样式:.content- 流式定位,内容元素在文档流中按顺序定位.scroll-content- 绝对定位,内容元素占满整个屏幕这两种样式都可以使用以下样式进一步确定位置及范围:!DOCTYPE htmlhtmlhead me ...

ionic预定义了两个内容容器样式:

  • .content - 流式定位,内容元素在文档流中按顺序定位
  • .scroll-content - 绝对定位,内容元素占满整个屏幕

这两种样式都可以使用以下样式进一步确定位置及范围:

.content



<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">

<link rel="stylesheet" type="text/css" href="ionic.min.css">

</head>

<body class="stable-bg">

<div class="bar bar-header">

<h1 class="title">.bar .bar-header</h1>

</div>

<div class="scroll-content has-header balanced-bg light">

<p>This is a demo!</p>

<p>Can you see this line?</p>

</div>

<div class="bar bar-footer">

<h1 class="title">.bar .bar-footer</h1>

</div>

</body>

</html>



头晕

难过

扯淡

不解

搞笑

支持

超赞

欠扁

相关阅读

最新评论

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-4-20 16:11 , Processed in 0.033966 second(s), 20 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部