`

用CSS让文字居于DIV的底部

    博客分类：
  • css
CSSHTML 
阅读更多 
<!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>
 
分享到：
| freecsstemplates
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    如何用CSS让文字居于div的底部

    在本案例中，使用了CSS的`position`属性及其相关的定位方法来达到文字居于div底部的效果。 首先，我们需要了解CSS中的定位机制。定位分为静态定位（默认）、相对定位、绝对定位和固定定位。相对定位是相对于其正常...

    始终居于浏览器底部的在线客服QQ代码

    2. **应用CSS样式**：为这个`&lt;div&gt;`添加CSS样式，设置其`position`为`fixed`，`bottom`为`0`，以使其固定在浏览器窗口的底部。根据需要，可以调整宽度、高度、颜色、边距等其他样式属性，以匹配网站的设计。 3. **...

    js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合

    在网页设计中，将一个`DIV`元素保持在屏幕的特定位置是一项常见的需求，这通常涉及到CSS和JavaScript的结合使用。本篇文章将详细介绍如何利用这两种技术实现`DIV`元素始终居中、左下、左上、右上和右下显示。 首先...

    CSS3弹性盒模型开发笔记（三）

    总的来说，CSS3的弹性盒模型通过`box-pack`和`box-align`提供了强大的布局控制能力，让开发者能够构建出更具响应性和适应性的网页设计。结合其他Flexbox属性，如`flex-grow`, `flex-shrink`, `flex-basis`等，可以...

    新浪奥运频道的Js右下角浮动窗口代码

    2. **CSS样式**：接下来，使用CSS来设置浮动窗口的位置和外观。为了使其固定在右下角，我们可以利用`position: fixed`属性，同时设置`bottom`和`right`属性。例如： ```css #floatingWindow { position: fixed; ...

Magicbox
Global site tag (gtag.js) - Google Analytics