Q&A
何がすっきりしないのかよくわからないので、詳しく教えて貰えますか？
全角スペースは入れても入れなくても表示は変わりません。
htmlのテキストの中にボタンなどを入れるときに
あああああああ(全角でスペース)ボタン(全角でスペース)いいいいいいいい
ううううううう(全角でスペース)ボタン(全角でスペース)ええええええええ
おおおおおおお(全角でスペース)ボタン(全角でスペース)かかかかかかかか
ききききききき(全角でスペース)ボタン(全角でスペース)くくくくくくくく
↓つまりこういうこと
html
1<!DOCTYPE HTML> 2<html lang= "jp"> 3<head> 4<meta charset= "UTF-8"> 5</head> 6<body> 7あああああああ <input type=button> いいいいいいいい<br> 8ううううううう <input type=button> ええええええええ<br> 9おおおおおおお <input type=button> かかかかかかかか<br> 10ききききききき <input type=button> くくくくくくくく<br> 11 12</body> 13</html>
このように調節しておりこれでもいいのですが内部的なものと表面的なものが書いててすっきりしません。
もっときれいに書く方法があるのでしょうか？
教えてください。
ＣＳＳでfloatタグやtext-alignタグは失敗に終わってます。
自分のHTMLの書き方だとすごく間を空けたいときには後の文字がすごく右に行ってしまいあとで編集しにくくなるのでもうちょっと近づけて書きたいのです。全角を入れるとそれが空文字なのかそこに文字があるように間が開きます。
回答2件
0
ベストアンサー
全角スペースでマージンを調整するのがカッコ悪いということでしょうか？
css marginで調整するのはいかがですか？
html
1<style type="text/css"> 2<!-- 3input{ 4 margin: 0 100px; 5} 6//--></style> 7 8あああああああ<input type="button">いいいいいいい
投稿2016/08/26 02:46
総合スコア76
0
テキスト部分とボタンをそれぞれdivやspanのような要素で囲み、余白を含めて要素の幅を決めて
display: inline-block;
で横並びにすれば良いと思います。
display: table;
を使う方法や、
display: flex;
を使う方法などもあります。
調べてみて、実現したいものに近い方法を選んでやってみてください。
あと、たとえば縦中央寄せにしたければ
vertical-align: middle;
というのが使えます。
投稿2016/08/26 02:33
編集2016/08/26 02:34
総合スコア1298
あなたの回答
tips
プレビュー
