ホームページ > 記事 > ウェブフロントエンド > CSSでページ番号を下から5番目の高さに表示するにはどうすればよいですか? _html/css_WEB-ITnose
CSSでページ番号を下から5番目の高さに表示するにはどうすればよいですか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:43:321866ブラウズ
css
ページ上のコンテンツ項目の数はデータベースから読み取られるため、数は固定されません。しかし、固定下部にページ番号だけを表示したい場合は、CSS でどうすればよいでしょうか?
例:
1 XXXX CCCC
2 yyyy bbbb
3 XXXX CCCC
4 yyyy bbbb
5 XXXX CCCC
6 yyyy bbbb
7 XXXX CCCC
8 yyyybbbb
page1
1 XXXX CCCC
2 yyyy bbbb
3 XXXX CCCC
page2
ディスカッションへの返信 (解決策)
リファレンス
<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> html, body, #wrapper { margin: 0; width: 100%; height: 100%; } .footer { background:#000000; text-indent:-9999px; width:100%; padding:5px 0; height:24px; margin:-50px 0 0 0; position:fixed; } </style></head><body><div id="wrapper"> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxx</p></div> <div class="footer" id="footer"> <p>ffffffffffffffffffff</p> </div></body></html> 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。