<分区>
我需要添加一个 <br>
在 480 宽屏幕上观看时,在一个词之后。
例。桌面
<img src="images/phone_icon.png">1-000-000-0000(Int.)
<img src="images/phone_icon.png">1-000-000-0000(US)
我需要添加一个 <br>
在 (Int.)
之后当屏幕达到 480 宽度时
应该转到下一行。
是否有伪类或 css 代码来添加该标记?
提前谢谢你
最佳答案
为每组图像和文本添加一个包装器并使用媒体查询处理它可能是最有意义的。像这样:
更新 HTML:
<span class="wrapper">
<img src="images/phone_icon.png"/>1-626-389-8668(Int.)
</span>
<span class="wrapper">
<img src="images/phone_icon.png"/>1-866-933-7368(US)
</span>
CSS:
@media (max-width: 480px) {
.wrapper{
display: block;
}
}
关于css - 在 480 宽屏幕上观看时,我需要在单词后添加一个 <br>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24705616/