|
新来草根（尚未认证）
- 帖子
- 27
- 积分
- 22
- 威望
- 72
- 金币
- 0 元
|
如何用CSS让文字居于div的底部
css对文字的布局上没有靠容器底部对齐的参数，目前使用的一个不错的方法也比较好.就是用position属性来解决，看下面的代码，用position的相对和绝对定位功能也轻松的实现了，文字靠近div低部对齐，并且靠近的距离还可以精确到像素，自己可以调节，是不是很不错呢?
, S& J1 w% t% Y! [8 ]4 y$ U+ G& O/ ]
以下是引用片段：
8 e, ]) t5 e' W5 x8 u( q4 e<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
) \2 O$ e) g1 X9 B) U"http://www.w3.org/TR/html4/loose.dtd"> / l6 J- I H( Y- @- z
<html>
% H, P2 x6 g) u7 \# {, U( F$ Z<head>
: ~/ L- i- r$ m2 o, ]<meta http-equiv="Content-Type" c> 1 |: `# C9 ^" C$ o% j: l4 q
<title>无标题文档</title> 1 q; H2 p/ w9 D9 c6 F
<style type="text/css">
/ M5 H8 \, ~& L* B( L#txt{ & V% s* ~" I: ^( P' s$ G K. E
height:300px; # y. x5 m3 s X6 o( Q
width:300px;
* n( F) D+ ?) s) F! O border:1px solid #333333;
2 @% Z% R' ^$ |- u( h1 n text-align:center; 9 Z4 k! h8 A. B3 ~8 ~
position:relative
# L/ |7 N3 C' l r* C! n0 q. u7 E5 F}
; N2 r" X( m) }- b8 [" h3 ?: W#txt p{
# T, r* D4 ~4 g$ d position:absolute;
$ R# I* z m5 } C- d3 D bottom:0px;
% U2 r; y+ _" r padding:0px; 7 j7 }6 r; |5 j2 H. f9 p
margin:0px
7 U* f& L4 c- D3 x- N6 l} . j6 c& p* M4 z
</style> # B% c3 p. l l( h7 X
</head>
4 C# M* G8 T5 B: [) ~5 ]<body>
( x$ ~0 ]" H% E% |4 y) [" U7 k<div id=txt>
/ [/ Z. M( O; P$ b3 k% A<p>aadsad</p> 6 N8 M$ @6 V; B. c Z2 u* r
</div> 3 a6 N' `3 L. m' P1 L
</body> 3 v7 X# j5 C* `) a( _. b! |- {
</html> ! Z& P: r7 j2 n( F( q% \
8 U$ {; G& m( ^) n( ~2 _
推荐网站：中国培训财富网（http://www.training163.com/）* F; P: g+ r$ P& I* j! H# R
|
