br要素を移動する

Question

ちょっと知っておきたいのは、別の画面サイズで段落のbr要素をどのように動かすかです。私はそれが混乱している/トリッキーな質問のように聞こえるが、私に説明させてください：

ここにpのタグのこのbr要素はここにあります。このサイトがデスクトップで表示されているときに、br要素が現在表示されている場所を言います。しかし、タブレットや電話などの小さなデバイスで見ると、ブレークラインの前に置かれたブレークライン（br要素）を見たいと思っています。

<p>I am a <br/> Paragraph with a break line in it.</p> 

可能ですか？そうであれば、実際にHTMLコードを変更せずにjavascriptやcssでそれを行う方法はありますか？

Answer 1

このようにすることができます。

<p>I am a <br class="sm-hide lg-show"/> Paragraph with a <br class="sm-show lg-hide"/>break line in it.</p> 

.sm-hide { 
    display: none; 
} 

.sm-show { 
    display: block; 
} 

@media screen and (min-width: 961px) { 
    .lg-hide { 
    display: none; 
    } 

    .lg-show { 
    display: block; 
    } 
} 

Answer 2

<br/>タグは、ブラウザまたはデバイスに関係なく、HTMLに改行を強制します。ここでは<br/>は適切な方法ではありません。あなたが本当にしたい場合は、言うには、お使いのデバイス（画面サイズ）に応じて、異なる場所で改行を持っている上記のCSSルールは、画面だけに適用されるように、あなたは、このような

@media screen and (max-width: 480px) { /* your css code */ } 

として、CSSの@mediaルールを使用することができますその幅は480pxより小さい。

一方、ブートストラップなど、デスクトップやモバイルの両方でWebをデザインするための非常に一般的なライブラリ/フレームワークがあります。