当前位置:首页 / 网页制作 / 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(#换@),我们将尽快处理。

热门素材

ebay焦点图产品展示效果

2017-03-12   浏览:255

jQuery九宫格抽奖特效

2017-03-13   浏览:219

html5+css3下拉

2017-03-15   浏览:219

点击弹出居中的遮罩层,背景变暗

2013-01-11   浏览:9323

美橙互联jQuery在线客服

2017-03-18   浏览:472

网易时尚图片循环特效

2017-03-09   浏览:194

渐显水波放大链接

2013-01-02   浏览:7803

一款纯CSS实现的圆角效果的菜单

2013-01-06   浏览:8007

用CSS3和jq实现图片墙效果

2017-03-09   浏览:372

html5超炫魔术扑克牌动画特效

2017-03-13   浏览:189

jQuery+CSS3下拉高级搜索框特效

2017-03-14   浏览:378

HTML5 Canvas科技背景动画特效

2017-03-15   浏览:519