割と普通なブログ

Microsoft Azure や ASP.NET、Java EE 系の話題を記載します

スタイルシートメモ

display と visibility の違い

displayの方がブロックライン、インライン要素の指定も出来るという利点はあります。
「display:none」と「visibility:hidden」の差異について

  • display:none
    • ドキュメントレイアウトが考慮されない
  • visibility:hidden
    • ドキュメントレイアウトが考慮される

要素をセンタリングしたい

< div class="main_body" > < /div > とかの要素に対して以下のスタイルシートを指定する

.main_body
{
	position : absolute;
	left : 10%;
	top : 5%;
	width : 80%;
	height : 90%;
	background-color: #ccffee
}