html – 如何在不使用float的情况下将文本对齐到img的右侧：left,这样就不会更改默认的父div高度

概述如何将文本对齐图像图标的右侧,如示例图片中的那样. 我通常会使用“float：left”,但这是一个移动响应式设计,所以我不喜欢使用像“float：left”这样的东西,因为它会通过响应式设计破坏红色divs的高度. 我必须对齐标题,子标题和一个小方形图像. 它很容易使用float：left并且不会破坏红色边框div的高度. 您只需将display：table-cell添加到.app_top块.这 如何将文本对齐图像图标的右侧,如示例图片中的那样.

我通常会使用“float：left”,但这是一个移动响应式设计,所以我不喜欢使用像“float：left”这样的东西,因为它会通过响应式设计破坏红色divs的高度.

我必须对齐标题,子标题和一个小方形图像.

解决方法 它很容易使用float：left并且不会破坏红色边框div的高度.

您只需将display：table-cell添加到.app_top块.这是解决方案：

.app_top {    display: table-cell;}.app_top img {    float: left;}

请参阅工作示例. Here’s the code.

总结

以上是内存溢出为你收集整理的html – 如何在不使用float的情况下将文本对齐到img的右侧：left,这样就不会更改默认的父div高度全部内容，希望文章能够帮你解决html – 如何在不使用float的情况下将文本对齐到img的右侧：left,这样就不会更改默认的父div高度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。