社区
CSS
帖子详情
底部对齐的简单问题,抢分啦
qndt
2007-07-05 02:35:26
<div>
<div id='id1'>顶部对齐的内容</div>
<div id='id2'>底部对齐的内容</div>
</div>
----------------------------------
代码和结构如上
麻烦各位给点 CSS 代码。
要求, id1 靠顶部,id2 靠底部
...全文
1714
13
打赏
收藏
底部对齐的简单问题,抢分啦
顶部对齐的内容 底部对齐的内容 ---------------------------------- 代码和结构如上 麻烦各位给点 CSS 代码。 要求, id1 靠顶部,id2 靠底部
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
13 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
zeroleonhart
2007-07-11
打赏
举报
回复
可以采用position及top,bottom等属性
但不适合复杂的页面
如果只是页面的一部分,建议使用td
yanhao0708
2007-07-09
打赏
举报
回复
up
zhoup007
2007-07-06
打赏
举报
回复
----------------html部分---------------
<html>
<head>
<title></title>
<link rel="stylesheet" href="he.css" type="text/css">
</head>
<body>
<div id="top">顶部对齐的文字 </div>
<div id="bottom">底部对齐的文字</div>
</body>
</html>
--------------css部分-----------------
#top
{
top:0;
left:0;
width:400px;
height:150px;
border:1px solid #ff0000;
}
#bottom
{
width:400px;
height:150px;
padding:150px 0 0 0;
border:1px solid #ff0000;
}
jorkiee
2007-07-06
打赏
举报
回复
line-height吧
cgisir
2007-07-06
打赏
举报
回复
<style type="text/css">
#id1{width:200px; height:100px; border:1px solid #00f; border-bottom:0}
#id2{width:200px; height:100px; border:1px solid #00f;position:relative;}
#id2 span.m{position:absolute;bottom:0}
</style>
<div>
<div id='id1'> 顶部对齐的内容 </div>
<div id='id2'> <span class="m">底部对齐的内容</span> </div>
</div>
gnimgnot
2007-07-06
打赏
举报
回复
要在这里学最基础的,到哪里看??
这些都不怎么懂哦。
------------
最基础的还是自己找电子书看吧
qcjonline
2007-07-06
打赏
举报
回复
要在这里学最基础的,到哪里看??
这些都不怎么懂哦。
qndt
2007-07-05
打赏
举报
回复
谢谢各位,我马上来试试,表格行俺就用表格。
我也不清楚,只是按时结贴,偶尔参与讨论
-------------------------------------
最关键的是不能被删贴,呵呵。
hij333
2007-07-05
打赏
举报
回复
我就是来抢分的,顺带问一句,信誉值 怎么涨上去的?
yixianggao
2007-07-05
打赏
举报
回复
晕,老早就写完了,突然被叫去开会,结果忘了按回复按钮!
yixianggao
2007-07-05
打赏
举报
回复
俺觉得没戏,
因为 Div 没有 valign 或类似属性,不能控制上下位置,div 只能控制左右位置。
只能用 table ,因为 td 上可以用 valign 。
<TABLE cellspacing="0" cellpadding="0" style="height: 300px; width: 400px; border: 1px solid red;">
<TR>
<TD style="height: 50%; width: 400px; border: 1px solid green; vertical-align: top;">顶部对齐的内容</TD>
</TR>
<TR>
<TD style="height: 50%; width: 400px; border: 1px solid blue; vertical-align: bottom;">底部对齐的内容</TD>
</TR>
</TABLE>
PCBoy008
2007-07-05
打赏
举报
回复
用table吧:
valign = top/bottom
qndt
2007-07-05
打赏
举报
回复
怎么一个人都没有,我自己顶吧
前端页面布局之Grid布局
在讲布局前,先说两句题外话,写博时,突然想到了郭德纲说过的一个段子“说两个人骂架,不是你有理,你嗓门大,你唾沫星子崩我一脸,你就能骂赢,要看谁命长,过两年你死了,我站你坟头咋说咋是对的,你在那小匣里还能站起来说啥不”。 为什么要说这个老梗呢,其实前端写页面布局,差不多就是这个道理,咱们(小子没学几天,这里说‘咱们’全当应景)之前用的都是啥,我来一张图: 差不多就是这...
WPF 布局 - Grid, StackPanel, DockPanel, WrapPanel
本文大纲 1、Grid 2、StackPanel 3、DockPanel 4、WrapPanel Grid 1、Row和Column 我们下面来介绍Grid的行的用法,及我们在UI设计过程中需要注意的细节。 由于前面我们在第一章中已经介绍了基本的关于Grid的表格行和列的定义及相关属性,为了防止大家遗忘,我们这里再次介绍下: 为了加深大家对Grid布局的印象,我们
WPF面板布局介绍Grid、StackPanel、DockPanel、WrapPanel
WPF面板布局介绍Grid、StackPanel、DockPanel、WrapPanel 回顾 上一篇,我们介绍了基本控件及控件的重要属性和用法,我们本篇详细介绍WPF中的几种布局容器及每种布局容器的使用场景,当 然这些都是本人在实际项目中的使用经验,可能还存在错误之处,还请大家指出。 本文大纲 1、Grid 2、StackPanel 3、DockPanel ...
ios
底部
栏设计规范_2016年全新Apple iOS设计规范指南!
原标题:2016年全新Apple iOS设计规范指南!iOS推出很多年,已经升级到iOS9!现在Apple还推出了一款全新的字体苹方(san francisco),3D Touch和iPad分屏多任务。在Xcode中,你会发现堆栈视图(Stack Views),它会让您的工作更轻松。Apple比以往任何时候都更多建议使用自适应布局,从而使您的设计成果轻松跨多设备。 自适应布局和多任务随着越来越多设...
iOS Swift UIPickerView 使用记录
ios UIPickerView实现时间选择器
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章