简体繁体 English

我可以使用Tachyons将img标签的高度设置在其父标签中吗？

[英]Can I fit an img tag's height inside its parent using Tachyons?

原文 2018-11-14 02:23:58 6 1 html/ css/ tachyons-css

I would like to create a banner that features a logo inside it however my image seems to ignore the height of its parent. 我想创建一个横幅，其中带有徽标，但是我的图像似乎忽略了其父级的高度。 Check out this JSFiddle for an example of what I'm trying to achieve. 查看此JSFiddle ，以获取我要实现的示例。

I can get the layout I want by adding height: 100% to the img tag however I'd like to use tachyons to do so and there doesn't seem to be a tachyons class for height 100%. 我可以通过将height: 100%添加到img标签来获得所需的布局，但是我想使用tachyons来做到这一点，并且似乎没有tachyons类用于高度100％。 Is there another way to fit the img using tachyons or am I forced to create a class with height: 100% ? 是否有另一种方法可以使用tachyons来适应img，还是我被迫创建一个height: 100% ？

1 个解决方案

Yes, you want class="h-100" ! 是的，您要class="h-100" ！

tachyons.io Heights docs tachyons.io Heights docs

如何在未设置高度的父DIV中安装IMG？ - How to fit IMG in parent DIV where its height is not set?

如何防止img标签增加其父级的高度 - How to prevent img tag increases the height of it's parent

使用 `object-fit: cover` 的 Img 仍然增加了父级的高度 - Img using `object-fit: cover` still increases height of parent

如何在其父容器中放入一个段落标签？ - How to fit a paragraph tag inside its parent container?

CSS 网格不适合其父 div 的高度 - CSS grid does not fit its parent div's height

如何设置元素的高度以填充其父代高度的其余部分？ - How can I set an element's height to fill the remainder of its parent's height?

设置img标签的高度等于其宽度 - Setting height of img tag equal to its width

<a>标签</a>的空间<a>不适合其内容，例如</a> <a><img></a> <a>标签</a> - the space of <a> tag does not fit into its content like <img> tag

在<a>父标签</a>内的 img 标签上居中标题 - Centering caption on a img tag inside <a> parent tags

<img>高度等于其在 div 内的宽度 - <img> height equals to its width inside a div

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何在未设置高度的父DIV中安装IMG？ - How to fit IMG in parent DIV where its height is not set? 如何防止img标签增加其父级的高度 - How to prevent img tag increases the height of it's parent 使用 `object-fit: cover` 的 Img 仍然增加了父级的高度 - Img using `object-fit: cover` still increases height of parent 如何在其父容器中放入一个段落标签？ - How to fit a paragraph tag inside its parent container? CSS 网格不适合其父 div 的高度 - CSS grid does not fit its parent div's height 如何设置元素的高度以填充其父代高度的其余部分？ - How can I set an element's height to fill the remainder of its parent's height? 设置img标签的高度等于其宽度 - Setting height of img tag equal to its width <a>标签</a>的空间<a>不适合其内容，例如</a> <a><img></a> <a>标签</a> - the space of <a> tag does not fit into its content like <img> tag 在<a>父标签</a>内的 img 标签上居中标题 - Centering caption on a img tag inside <a> parent tags <img>高度等于其在 div 内的宽度 - <img> height equals to its width inside a div

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM