Q&A
回答ありがとうございます。 ①の方法でできました
width: 50vw とすると、一行に 収まりきらなくなってしまう
ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。
発生している問題
aタグを二つ並べ、それぞれ
CSS
1width : 50vw;
としているのですが、二つのaタグが横並びになってくれません。
該当のソースコード（短縮版）
HTML
1<!DOQTYPE html> 2<html> 3 <head> 4 (省略） 5 </head> 6 <body> 7 <a href="#">自己紹介</a> 8 <a href="#">依頼受付</a> 9 </body>
CSS
1//実際にはここにHTML5 Doctor Reset CSS（初期化するコード）があります 2 3a{ 4 display: inline-block; 5 width: 50vw; 6}
試したこと
width: 49vw;
とする ＝＞ 成功
### 補足情報
CSSは、
HTML5 Doctor Reset CSS （http://html5doctor.com/html-5-reset-stylesheet/）
を使用して初期化しています
また、初質問なので、わかりにくいところなどありましたら、指摘していただけると幸いです。
単純なことだと思いますが、回答よろしくお願いします。
回答3件
0
すでに終わっていますが、flex の例を挙げておきます。
CSS
1body { 2 display: flex; 3} 4 5body > * { 6 flex: 1; 7}
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Flexible_Box_Layout
投稿2019/04/03 00:50
総合スコア13749
0
ベストアンサー
改行分の横幅が邪魔になり、2段になります。
①改行をコメントアウトする
<a href="#">自己紹介</a><!-- --><a href="#">依頼受付</a>
②aタグの親要素でテキストの横幅をなくす
<div style="letter-spacing:-0.4em;"> <a href="#" style="letter-spacing:normal;">自己紹介</a> <a href="#" style="letter-spacing:normal;">依頼受付</a> </div>
もちろん、インラインの記述じゃなくてもよいです。
投稿2019/03/30 02:31
総合スコア20
0
投稿2019/03/30 02:30
編集2019/03/30 02:33
総合スコア170
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。