WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:divタグで改行しないようにする

0:[投稿] みかん [2005/12/02 18:18 ] [環境:IE6,WINXP わからぬ]

<div>あ</div>い
とやると改行されてしまうのですが、
1行で表示するにはどうすればよいのでしょうか。


1:[回答] 神崎 [2005/12/02 19:33 ]

<span>あ</span>い


2:[回答] みかん [2005/12/02 20:24 ]

しかし、それだとCSSでborderなどの設定ができないのですが・・・

最初にきちんと書いてなくてすみませんでした・・・。


3:[回答] AC1号 [2005/12/02 20:48 ]

>>2
インライン要素にborderプロパティを設定しても仕様上は問題ないので、設定できないのはブラウザの未実装か、バグです。

CSSはどのように設定していますか?


4:[回答] みかん [2005/12/02 21:23 ]

.box {
    border-color:#666;
    border-style:solid;
    border-width:4px 4px 4px 4px;
    width:100;
}
---------------------------
<span class="box"></span>

としているのですが、widthが効いてないようです・・・


5:[関連] moto [2005/12/02 22:35 ]

文字の中に<br>があったりしても<span>のborderは厳しいね。

自分も同じ事に悩みましたけど、悩む時間が無駄だなと思って結局<table>でしましたよ。


6:[完了] みかん [2005/12/03 07:54 ]

そうですか・・・
最初は<table>にしようとしたんですが、
このHPに「テーブル要素は、表を作成するための要素です。」
と書いてあったので悩んでいましたが、
おかげで解決しました。
ありがとうございます。


7:[完了] xhtml? [2005/12/03 09:39 ]

質問の内容がよくわからないのですが、ひとこと。
div.box {
   display:inline; /*ブロック要素をインライン要素に変換*/
   border:4px solid :#666;
   width:100px;
}
の様にする、また逆にdiplay:block;でインライン要素をブロック要素に変換すればいいような気がしますが。
<ul>内のブロック要素<li>をインライン要素に変換する事によってリストを横並びに設定する事もできますよ。
ブラウザの対応状況はわかりませんが。失礼しました。


8:[完了] AC1号 [2005/12/03 11:04 ]

http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/visudet.html#the-width-property
より引用(CSS2.1も確認したが、同じだった)
>このプロパティ(width)は、非置換インライン要素には適用できない。 なぜなら、非置換インライン要素のボックス幅は、(子供要素が相対位置指定される前の)表示済み内容の幅と同じになるからである。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]