前端之家收集整理的这篇文章主要介绍了
css – 左侧是图像的语义UI卡,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有可能使用语义UI卡左侧有图像?文档显示了图像始终位于顶部的示例.我想要获得的是类似语义UI项目(当然我想要使用卡片),如下所示:@H_404_2@
![enter image description here](https://i.stack.imgur.com/RKcMl.png)
@H_404_2@
我想要获得的是这样的:@H_404_2@
![enter image description here](https://i.stack.imgur.com/LmwIH.png)
@H_404_2@
正如您所看到的,图像位于左侧,它类似于语义UI卡.@H_404_2@
最佳答案
您可以使用语义组件做到最好:@H_
404_2@
@H_404_2@
![](https://semantic-ui.com/images/wireframe/image.png)
Meta">
@H_404_2@
我已经更改了内容的填充,但这是唯一使用的自定义CSS.@H_404_2@
为了让它看起来与您的图像完全一样,您需要自己制作自己的组件/样式.@H_404_2@