cssはどのように文字を要素の底に沈めることを実現します

2235 ワード

cssはどのようにして文字を要素の下部に沈めるかを実現します:実際の応用では、指定したテキストを要素の下部に沈める必要があります.コードインスタンスを使用して、この効果を実装する方法について説明します.コードは次のとおりです.
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>    </title>
<style type="text/css">
#box{
  width:200px;
  height:100px;
  background:#CCC;
  position:relative;
}
#box span{
  position:absolute;
  bottom:0px;
}
</style>
</head>
 
<body>
<div id="box">
  <span>    </span>
</div>
</body>
</html>

上のコードは私たちの要求を実現し、原理も比較的簡単です.テキストをspan要素の内側に配置し、span要素を絶対位置に設定し、box要素の下部に配置します.box要素は相対的な位置決めを採用し、span要素の位置決め参照オブジェクトがbox要素であることができるようにします.
原文の住所は次のとおりです.http://www.softwhy.com/forum.php?mod=viewthread&tid=15954
詳細については、次の項目を参照してください.http://www.softwhy.com/divcss/