Rails:<br>が私の見解では機能していません

コーダチャン

簡単な質問をすることをお詫びしなければなりません。

どこが間違っているのかわからないので、コードの一部を抽出するのは難しいです。

これが私のindex.html.erb http://pastie.org/10337500#71-79です

問題は、2つの間にスペースを追加したいということですdiv次に、そこにたくさん追加します<br>が、うまくいかないようです。

ここに画像の説明を入力してください

Elvn

CSS間隔ウィジェットの作成

これを解決する方法はたくさんありますが、カスタム間隔のレイアウトが必要なさまざまなセクションのページでアプリを実行しているようです。

シンプルで柔軟なアプローチは、CSSでグラフィカルスペーサーを作成することです。いくつかのアイデアの例。

あなたの資産/スタイルシート/custom.css.scssで

.gfx_mt_10 {
  margin-top:10px;
}

.gfx_margins_my_x_section {
  margin: 25px 25px 10px 10px ; /* Top Right Bottom Left */
}

あなたのhtmlで

<div class="gfx_mt_10">
  <p>Everything in here is the section with a margin of 10 pixels at the top.</p>      
</div>

<div class="gfx_my_x_section">
  <p>Everything in here is the section with a margin of 25 pixels at the top.</p>      
</div>

<div class="clearfix gfx_mt_10">
  <p>Everything in here is the section which combines clearfix attributes + a margin of 10 pixels at the top.</p>      
</div>

これらのグラフィカルウィジェットのようなCCSスペーサーを作成する場合は、それらを任意のクラスタグで使用できます。clearfixのようなグローバルを変更することはお勧めしません。これは、アプリ全体に意図しない結果をもたらす可能性があります。

W3CSSドキュメント

まだ読んでいない場合は、こちらの公式リソースでCSSの機能を確認することを強くお勧めします

または、Bootstrapグリッドシステムを使用します

追加する必要があります。Bootstrapを使用すると、作業は自動的に行われます。学習曲線がありますが、プラットフォームに柔軟なUIのフレームワークが作成されます。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

\ nまたは<br \>がJavaScriptで機能していません

分類Dev

Railsタグ(:br)はhtml_safeとは見なされません

分類Dev

Pythonボトル<br/>が機能していませんか?

分類Dev

Rails&prawnpdf:<br>を新しい段落に置き換える

分類Dev

このjqueryコードを私のrailsアプリで機能させようとしていますが、関数が呼び出されていません

分類Dev

Rails & prawnpdf: replacing <br>s with new paragraph

分類Dev

Rails4ではJqueryとAJAXが正しく機能していません

分類Dev

PHP変数を含むBRタグが機能していません

分類Dev

Railsアプリがherokuで機能していません

分類Dev

<br/>タグはFirefoxでは機能しませんが、Chromeでは機能します

分類Dev

Rails3.2のreset_sessionが機能していません

分類Dev

反応関数<br>はこの<p>では機能しません

分類Dev

Knockout.jsがRails6のwebpackで機能していません

分類Dev

ReactJS <p />または<br/>がrender()で機能しない

分類Dev

CKEDITOR.ENTER_BRオプションがYii2で機能していません

分類Dev

BRを解決できません

分類Dev

続きを読むボタンは<br>要素では機能しません

分類Dev

「<br>」タグ付きの文字列を追加しても機能しません

分類Dev

PUTまたはPATCH`_method` paramが機能しないか、rails-apiで尊重されていません

分類Dev

RubyMine8の開発が機能していません。SDKにRailsが見つかりませんと言い続けます

分類Dev

HTMLとRubyon Rails- <br/>タグを改行として表示しますが、他のタグは文字列として表示します

分類Dev

HTML 5:<br>、<br/>、または<br />ですか?

分類Dev

Rails:変数名と<br/>タグが存在する場合は簡潔に出力します

分類Dev

rails active_storage:installが機能していません

分類Dev

Rails 6 + Webpackdocument.addEventListenerが機能していません

分類Dev

Ruby on Rails ActiveRecord Relationが機能していませんか?

分類Dev

select2-railsgemがRails4で機能していません

分類Dev

jQuery:$(this).next()。focus(); <input>タグの後に<td>または<br>タグが続く場合は機能しません

分類Dev

Railsフレームワーク内でAngularJSを使用する。「ng-repeat」は機能していますが、「ng-submit」は機能していません

Related 関連記事

  1. 1

    \ nまたは<br \>がJavaScriptで機能していません

  2. 2

    Railsタグ(:br)はhtml_safeとは見なされません

  3. 3

    Pythonボトル<br/>が機能していませんか?

  4. 4

    Rails&prawnpdf:<br>を新しい段落に置き換える

  5. 5

    このjqueryコードを私のrailsアプリで機能させようとしていますが、関数が呼び出されていません

  6. 6

    Rails & prawnpdf: replacing <br>s with new paragraph

  7. 7

    Rails4ではJqueryとAJAXが正しく機能していません

  8. 8

    PHP変数を含むBRタグが機能していません

  9. 9

    Railsアプリがherokuで機能していません

  10. 10

    <br/>タグはFirefoxでは機能しませんが、Chromeでは機能します

  11. 11

    Rails3.2のreset_sessionが機能していません

  12. 12

    反応関数<br>はこの<p>では機能しません

  13. 13

    Knockout.jsがRails6のwebpackで機能していません

  14. 14

    ReactJS <p />または<br/>がrender()で機能しない

  15. 15

    CKEDITOR.ENTER_BRオプションがYii2で機能していません

  16. 16

    BRを解決できません

  17. 17

    続きを読むボタンは<br>要素では機能しません

  18. 18

    「<br>」タグ付きの文字列を追加しても機能しません

  19. 19

    PUTまたはPATCH`_method` paramが機能しないか、rails-apiで尊重されていません

  20. 20

    RubyMine8の開発が機能していません。SDKにRailsが見つかりませんと言い続けます

  21. 21

    HTMLとRubyon Rails- <br/>タグを改行として表示しますが、他のタグは文字列として表示します

  22. 22

    HTML 5:<br>、<br/>、または<br />ですか?

  23. 23

    Rails:変数名と<br/>タグが存在する場合は簡潔に出力します

  24. 24

    rails active_storage:installが機能していません

  25. 25

    Rails 6 + Webpackdocument.addEventListenerが機能していません

  26. 26

    Ruby on Rails ActiveRecord Relationが機能していませんか?

  27. 27

    select2-railsgemがRails4で機能していません

  28. 28

    jQuery:$(this).next()。focus(); <input>タグの後に<td>または<br>タグが続く場合は機能しません

  29. 29

    Railsフレームワーク内でAngularJSを使用する。「ng-repeat」は機能していますが、「ng-submit」は機能していません

ホットタグ

アーカイブ