回答編集履歴
2
書式の改善
answer
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
もし問題ないのであれば文章が入った要素を作成しwidthが可変になるようにして
|
|
1
|
+
もし問題ないのであれば文章が入った要素を作成しwidthが可変になるようにして、以下のような状態を構築すると一応動作としては希望通りですがどうでしょうか？(Firefox 35.0.1にて)
|
|
2
|
-
以下のようにしなくてもJavaScriptを使用
|
|
2
|
+
以下のようにしなくてもJavaScriptを使用することで比較的簡単に実装できるとは思います。
|
|
3
3
|
```lang-html
|
|
4
4
|
<div style="width:40em" id="_wrap">
|
|
5
5
|
<div style="width:auto;float:left" id="_text">AbcAbc</div>
|
1
文法等の誤りの訂正
answer
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
```lang-html
|
|
4
4
|
<div style="width:40em" id="_wrap">
|
|
5
5
|
<div style="width:auto;float:left" id="_text">AbcAbc</div>
|
|
6
|
-
<div style="width:20em"><input type="button" value="OK"></div>
|
|
6
|
+
<div style="width:20em;text-align:right"><input type="button" value="OK"></div>
|
|
7
7
|
</div>
|
|
8
8
|
```
|
|
9
9
|
#_wrapでは幅の指定を40文字に指定し、#_textは中に入っている文字数によって幅が変化するようにしているため以下のような流れで下段へ移動します。(#_textの中身が20文字になった時点で下段にボタンが移動)
|
|
@@ -14,4 +14,7 @@
|
|
|
14
14
|
if(z<=0){
|
|
15
15
|
button要素が下へ。
|
|
16
16
|
};
|
|
17
|
-
```
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
追記:右寄せの部分を見落としていたので修正
|
|
20
|
+
bottonにtext-align:rightを追加しました。
|