css - 将文本和图像放在不同的行中

标签 css tabs

我有这样的代码

<span ><img src="xxx.png">Tab1</span><span ><img src="yyy.png">Tab2</span>

此代码创建了两个选项卡,但唯一的问题是 tab1/tab2 和图像 xxx/yyy 在同一行。我希望它们在不同的行,我希望两个 span 元素在同一行。 选项卡应如下所示

enter image description here

最佳答案

css 的 Float:left 属性将有助于您的工作

关于css - 将文本和图像放在不同的行中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10064605/

相关文章:

jquery - CSS 3 - 模糊效果叠加模态背景

jquery - HighCharts 参数含义 - plotX,plotLeft,shapeArgs

html - 如何在 tympanus.net 的 CSS Radio Checked Tab 方法中使子 div 可见

css - 这个 LESS 语法是否无效?如果是,我该如何解决?

css - 把很多图拼成一张图,怎么用你想要的图

Toshiba Thrive 选项卡上的 android.os.NetworkOnMainThreadException,但三星 Duos 智能手机上没有

android - 每当 View 分页器中的选项卡发生变化时如何更新列表

matlab - MATLAB GUI 中的优化选项卡

java - 如何制作类似 MIUI 的标签页

javascript - 使用 Bootstrap 4 超大屏幕类时的图像轮播