如何强制3个按钮在所有屏幕尺寸上均匀显示在同一行中？
cyber8200
我连续显示3个按钮。我讨厌在较小的屏幕上查看它，它迫使第3个进入新行。
有没有办法通过使用宽度来防止它%？33.333%（因为有3。）
我已经在本地尝试过，但似乎没有用。
<h1>
<a href="/norden/create/poop" class="btn btn-md btn-warning"> poop <img class="logIcon" src="/assets/be/img/norden/poop.png" /> </a>
<a href="/norden/create/pee" class="btn btn-md btn-info"> pee <img class="logIcon" src="/assets/be/img/norden/pee.png" /> </a>
<a href="/norden/create/feed" class="btn btn-md btn-success"> feed <img class="logIcon" src="/assets/be/img/norden/feed.png" /> </a>
</h1>
攻略B
在h1中添加这些样式
/*your proper h1 selector*/ {
display: flex;
justify-content: space-between; /* or space-around or space-evenly depending on your preference */
}
如果你想让它包裹在非常小的屏幕上添加flex-wrap: wrap;，以及
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在CSS的同一行上显示3个按钮
- 2
如何在所有iPhone设备的同一行中设置多个UIlabel
- 3
CSS3-如何在所有屏幕尺寸中设置相同的两个区域之间的距离
- 4
为什么我不能在同一行上看到所有3个ImageButton？
- 5
如何在Android中的同一行上放置三个imageview按钮
- 6
如何在 Vue.js 中在一行中显示所有按钮？
- 7
如何在所有屏幕尺寸上仅设置一次Android字体大小？
- 8
如何强制按钮并在同一行上选择？
- 9
使用awk，在所有列中减去上一行并打印结果
- 10
您可以强制所有行显示在屏幕上吗？
- 11
如何在所有设备上将所有按钮排成一行？（不改变文本）
- 12
在所有屏幕尺寸上保留导航项
- 13
在所有屏幕尺寸上的图像居中引导
- 14
Python将所有键保存到一个文件中的同一行上的值
- 15
在输入文本的同一行上显示按钮
- 16
如何使导航栏在所有屏幕尺寸上都折叠起来？
- 17
如何在所有不同的屏幕尺寸上使Image Gallery应用看起来相同？
- 18
如何通过完全填满屏幕尺寸来将两个html按钮水平排列在一行中且宽度相等
- 19
如何在一行中显示所有组合？
- 20
如何使Bootstrap 3导航栏在所有屏幕尺寸下均保持折叠状态
- 21
如何解决网页上的所有内容，使其在不同尺寸的屏幕上显示相同的尺寸？
- 22
LibreOffice Calc - 如何从所有引用同一行的多行中拖动填充一个系列
- 23
如何在同一行自举模型中强制两个元素对齐
- 24
如何将所有按钮放在同一行？
- 25
引导行/列。如何根据屏幕大小强制将所有“ col”排成一行
- 26
无法使所有列在同一行上
- 27
如何编写VB脚本以在所有单元格中查找多个字符串并突出显示每一行？
- 28
ShinyDashboard-在同一行上显示3个以上的信息框
- 29
Android：检查一个 CheckBox 会检查同一行中的所有 CheckBox
我来说两句