cssはどのように文字を要素の底に沈めることを実現します
2235 ワード
cssはどのようにして文字を要素の下部に沈めるかを実現します:実際の応用では、指定したテキストを要素の下部に沈める必要があります.コードインスタンスを使用して、この効果を実装する方法について説明します.コードは次のとおりです.
上のコードは私たちの要求を実現し、原理も比較的簡単です.テキストをspan要素の内側に配置し、span要素を絶対位置に設定し、box要素の下部に配置します.box要素は相対的な位置決めを採用し、span要素の位置決め参照オブジェクトがbox要素であることができるようにします.
原文の住所は次のとおりです.http://www.softwhy.com/forum.php?mod=viewthread&tid=15954
詳細については、次の項目を参照してください.http://www.softwhy.com/divcss/
<!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/