HTML 中img图像如何紧靠文本框呀

HTML 中img图像如何紧靠文本框呀,第1张

因为看不到你这儿的例子,所以,我就根据我的知识来说了:

首先有2种:1种是在标签里面引入<img>标签来导入图片;2.在标签的背景中通过,background-image来导入图片;

对于第一种:首先你得保证<img>外层的标签不能有内边距(padding)除外你得保证你的<img>不能有外边距;

第二种:通过背景引入的话,你可以用background-position:left(这儿是默认左边靠紧);

PS这里有个前提条件就是你的图片必须能紧靠(也就是没有多余的留白);

1、标准中建议的做法是将文字部分用label标记括起来,并用for属性指向输入框的id

2、有了label就可以以block浮动了

3、浮动之后需要给label和input设置相同的行高,并给label一个宽度,再给个文本右对齐

4、label要clear:left,input要clear:right

设置table 的cellspacing,cellpadding属性即可解决;

示例如下:

<table width="300px"  border="1" cellspacing="0" cellpadding="0" bordercolor="#FF0000">

  <tr>

  <td>1</td>

  <td>2</td>

  </tr>

  <tr>

  <td>3</td>

  <td>4</td>

  </tr>

</table>

效果如下:


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6285347.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存