移動一個br元素

嘿，我想知道的是，當它在不同的屏幕尺寸上時，如何移動段落中的br元素。我知道這聽起來像是一個令人困惑/棘手的問題，但讓我解釋一下：移動一個br元素

這個br標籤在這裏是p標籤。現在說br元素的位置，這是在桌面上查看此站點時的時間。但是，當我在平板電腦或手機等小型設備上查看它時，我想要查看在「休息」一詞之前放置的斷線（br元素）。

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

這可能嗎？如果是這樣，有沒有辦法使用JavaScript或CSS來做到這一點，而不需要改變它自己的HTML代碼呢？

來源

2017-07-16 Harry Smart

*「當我在平板電腦或手機等小型設備上查看它時，」* - 正確的做法是不放置'
'元素。它根據設備的寬度設置段落的'width'屬性，例如使用'％'寬度，因此該行將自行斷開。 –

你可以這樣做。

<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; 
    } 
}

來源

2017-07-16 06:24:32

<br/>無論您使用哪種瀏覽器或設備，標記都會強制HTML有換行符。這裏<br/>不是正確的方法。如果你真正想要的，也就是說，必須在不同的地方換行根據您的設備（屏幕大小），你可以使用CSS @media規則，如

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

所以，上面的CSS規則只適用於屏幕其寬度小於480px。

另一方面，有一些非常流行的庫/框架可供您設計用於桌面和/或移動設備的Web，例如Bootstrap。

來源

2017-07-16 06:22:25

移動一個br元素

回答

相關問題