当前位置:首页 / 网页制作 / CSS教程 / CSS教程:DIV底部放置文字
CSS教程:DIV底部放置文字
芯晴素材特效 分类:CSS教程 发布日期:2016-05-12
  css对文字的布局上没有靠容器底部对齐的参数,目前使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近的距离还可以精确到像素,自己可以调节,是不是很不错呢? &l
  css对文字的布局上没有靠容器底部对齐的参数,目前使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近的距离还可以精确到像素,自己可以调节,是不是很不错呢?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
#txt{
height:300px;
width:300px;
border:1px solid #333333;
text-align:center;
position:relative
}
#txt p{
position:absolute;
bottom:0px;
padding:0px;
margin:0px
}
</style>
</head>
<body>
<div id=txt>
<p>aadsad</p>
</div>
</body>
</html>

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

热门素材

非常不错的经典的日期选择风格

2012-12-30   浏览:8084

JS+css仿flash效果的鼠标控制图片左右滚

2013-01-14   浏览:9121

图像圆形虚幻显示效果

2012-12-30   浏览:7866

纯CSS圆角效果,适用于HTML5

2013-05-24   浏览:8139

html5响应式触摸音频播放插件——AUD

2017-03-09   浏览:394

好玩的仿魔兽技能冷却计时效果

2013-01-08   浏览:8122

[荐] 仿淘宝支付宝网站的漂亮的暖色调

2013-01-04   浏览:8590

网页左侧感应鼠标的隐藏菜单

2013-01-10   浏览:8049

[荐] 黑色风格带缓冲的JS焦点图切换效

2013-01-04   浏览:8238

jq.label_better插件让你输入框变得生动有

2017-03-09   浏览:449

点击文字链接后向上弹出漂亮的导航菜

2013-01-10   浏览:8658

jQuery自动生成网页下载行号特效

2017-03-14   浏览:228