【代码片段】一列布局

转载 2015年07月11日 00:16:06
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>一列布局</title>
<style>
body{ margin:0; padding:0; font-size:30px}
div{ text-align:center; font-weight:bold}
.head, .main, .footer{ width:960px; margin:0 auto}
.head{ height:100px; background:#ccc}
.main{ height:600px; background:#FCC}
.footer{ height:50px; background:#9CF}
</style>
</head>

<body>
<div class="head">head</div>
<div class="main">main</div>
<div class="footer">footer</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>一列布局</title>
<style>
body{ margin:0; padding:0; font-size:30px; font-weight:bold}
div{ text-align:center; line-height:50px}
.head, .main, .footer{width:80%;margin:0 auto}
.head{ height:100px; background:#ccc}
.main{ height:600px; background:#FCC}
.footer{ height:50px; background:#9CF}
</style>
</head>

<body>
<div class="head">head</div>
<div class="main">main</div>
<div class="footer">footer</div>
</body>
</html>


CSS实现三列图片等宽等间距布局

每个图片块左浮动,宽30%,左外边距2.5%: 100%=(2.5%+30%)+(2.5%+30%)+(2.5%+30%)+2.5% 三列图片等宽布局 * {     ...
  • qianqianstd
  • qianqianstd
  • 2016年08月20日 11:26
  • 2140

Android开发之CardView卡片布局

CardView介绍CardView是Android 5.0系统引入的控件,相当于FragmentLayout布局控件然后添加圆角及阴影的效果;CardView被包装为一种布局,并且经常在ListVi...
  • u010498248
  • u010498248
  • 2016年09月13日 10:59
  • 20752

从JSON取数据实现图片瀑布流布局的数据动态加载

前段时间,做一个网站要用到图片的瀑布流布局。自己当时在网上找了一个仿花瓣网的瀑布流源码,不过它的数据是调用静态页面,繁杂,重用性差。我寻思着实现通过JSON调用数据。 先将效果呈上:http://w...
  • jasonijessy
  • jasonijessy
  • 2014年03月29日 22:02
  • 2593

代码片段--Button抢焦点, 无论点在哪都是button触发. 解决方法很简单, 在item最外层的布局中加一个配置:

收集一些没有必要或者无法写到工具类中的代码片段亮度调节/屏幕亮度调节package android.lekko.tools;import android.app.Activity;import and...
  • YANGWEIQIAO
  • YANGWEIQIAO
  • 2016年10月02日 22:27
  • 235

【代码片段】混合布局

混合布局 //一列+两列 body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ text-align:center;...
  • yeyang123
  • yeyang123
  • 2015年07月14日 21:54
  • 281

15个Android很有用的代码片段

  • 2013年06月02日 21:30
  • 2KB
  • 下载

有用的代码片段

  • 2017年06月09日 10:16
  • 106KB
  • 下载

AutoCADSnippet vb.net 开发用代码片段

  • 2016年01月10日 11:01
  • 19KB
  • 下载

Mysql是测试代码片段

  • 2017年05月15日 11:56
  • 1.37MB
  • 下载

代码片段直接贴入光标处

  • 2015年12月27日 07:50
  • 2.33MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【代码片段】一列布局
举报原因:
原因补充:

(最多只允许输入30个字)