teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

書式の改善

2015/02/10 02:16

投稿

Cf_cwd
Cf_cwd

スコア730

answer CHANGED
@@ -1,5 +1,5 @@
1
- もし問題ないのであれば文章が入った要素を作成しwidthが可変になるようにしておき、以下のような状態を構築すると一応動作としては希望通りですがどうでしょうか?(Firefox 35.0.1にて)
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

文法等の誤りの訂正

2015/02/10 02:16

投稿

Cf_cwd
Cf_cwd

スコア730

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を追加しました。