【HTML・CSS】 PRE 内 で、インライン要素に固定幅を与える

  IEは 7 以上で動作します



PRE 内でブロック要素を使用すると、テキストデータと実際の表示とのギャップが生じるので、インライン要素で BOX の表現をする時に使うといいと思います。

PRE 内でタイトルに使います


  
<style type="text/css">
.fixinline {
	display: inline-block;
}
.ttl {
	border-style: solid 1px #000000;
	width: 400px;
	height: 27px;
	padding-left: 15px;
	background-color: #c0c0c0;
	color: #000000;
	/* 上下文字位置調整用 */
	line-height: 27px;
}

</style>
<b class="fixinline ttl">PRE 内でタイトルに使います</b>
  


昔は、Firefox が独自拡張でさえうまくいかなかったですが、今は IE11 の エミュレートで IE7 〜 IE10 と、Firefox、Google Chrome で動作します。
















  infoboard   管理者用   
このエントリーをはてなブックマークに追加




SQLの窓  天気  IT用語辞典
Yahoo!ニュース  マルチ辞書
PHP マニュアル  Google URL短縮 


フリーフォントWEBサービス
SQLの窓WEBサービス

SQLの窓フリーソフト

素材

一般WEBツールリンク

SQLの窓

フリーソフト

JSライブラリ