网页设计基础 网页设计时如何将图片和文字位于同一水平？

网页设计时如何将图片和文字位于同一水平？

设计网页时，保持图片和文本处于同一水平。

1。不要向文本标签添加属性。只要给img{vertical align:middle}一个属性。

2、IMG标签向左浮动，向文本添加标签（例如，span），然后将文本标签设置为块，并设置上（内/外）边距。span{显示：内联块边距顶部：4PX margin top:4PX}内页边距、外页边距，最好是内页边距。

3、在文本中添加标签（例如，span）并同时控制两个标签的浮动。并为文本添加行高，其值为图像高度值。

网页想把图片和文字并排输出？

如果您使用img来介绍图片，应该可以并排，那么不并排的原因可能如下：1。你为img准备了什么显示：bolck 2。您的文本用P标记换行。P标签是块元素，它将独占一行（不包括浮动和定位）。三。你的图片太大了，挤不出文字。我不知道你的具体情况没有代码，但我认为第二个是最有可能的。如果没有，请复制代码给我，这是你的布局和CSS

网页设计基础 优秀网页设计 网页设计教程

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。