質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

533閲覧

表示部分の幅変更のやり方

xxANIMAxx

総合スコア1

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2021/01/24 04:01

使用環境

  • ruby
  • ruby on rails 6_0_0
  • mysql2

添付画像の一番上の太文字部分を1行にしたい

現在ポートフォリオを作成している中、投稿後に表示されるものを1行で表示したいが、どのようにすればいいか模索中です。

試した事

  • paddingでの調整
  • marginでの調整
  • 2つとも変更する範囲が違う為できなかった。

他に試せることが分からない為、質問させて頂きました。
よろしくお願いします。
イメージ説明

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/01/24 04:02

現在のコードを提示されないことには答えようがありません。
m.ts10806

2021/01/24 04:03 編集

あと「mysql2 」はRails Gemのライブラリの名称だったはずなので、 できればMySQL起動して select version() で得られるバージョンを提示してください。
xxANIMAxx

2021/01/24 04:14

大変失礼致しました。 mysql Ver 14.14 index.html <div class="main-contents"> <%if @tweets.length !=0 %> <% @tweets.each do |tweet| %> <%= link_to tweet_path(tweet), method: :get do %> <div class="description"> <%= tweet.description %> </div> <div class="play"> <%= tweet.play %> </div> <% end %> <%= image_tag tweet.image.variant( resize: '300x300'),class: "image" if tweet.image.attached? %> <% end %> <% end %> </div> index.css .wrap{ display: flex; background-color: #79fbf5; } .side-bar{ background-color: #11233d; display: block; height: 100vh; list-style: none; padding: 100px 25px; } .myname{ color: #ffffff; padding: 10px; } .logout{ color: #ffffff; padding: 10px; } .sign-up{ color: #ffffff; padding: 10px; } .mypage{ color: #ffffff; padding: 10px; } .login{ color: #ffffff; padding: 10px; } .tweet-up{ color: #ffffff; padding: 10px; } .main-contents{ margin-left: auto; margin-right: auto; margin-top: 150px; margin-bottom: 150px; width: 8em } .description{ font-size: 35px; font-weight: bold; color: black; } .play{ color: black; } よろしくお願い致します。
winterboum

2021/01/24 05:02

app/assets/stylesheets の中に .main-contents、 .description、 .play、 a に対してwidth を設定しているものがないか探してください。
xxANIMAxx

2021/01/24 13:15 編集

widthが入ってました。削除したところ理想の形になりました。 ありがとう御座います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問