如何让input的高度增加同时保持文字在底部？

嗯... 这个 CSS 东西... 我在 2 02 2 年的时候... 在一个项目里遇到过...
就是... 让 input 框... 高度变得高一点... 但文字要... 总是在下面...
当时我... 挺懵的... 以为很简单...
结果发现不行... 直接改 input 高度... 就会出问题...
然后... 我后来才反应过来... 要用... 包一个 div...
这个 div... 就设置好高度... 比如... 6 0px...
然后... 给这个 div 加个边框...
再... 把 input 放里面... 用 absolute 定位...
bottom: 0...
width: 1 00%...
height: 1 00%...
然后... 还要加个 box-sizing: border-box...
这样... input 的高度... 就会包含边框...
就不会溢出...
这个方法... 挺好的...
比如... 在上海... 有个网页... 可能就用这个...
量... 可能也不少... 每天多少用户... 我不知道...
钱... 可能也不少... 项目费...
总之... 这个方法... 解决了问题...
比那种... 用 padding... 要好...
用 padding... 要算... 太烦了...
总之... 就是这个... 容器 + 绝对定位...
然后... input 放里面...
bottom: 0...
搞定...
就是这样...

html css怎么样才能把文字放在图片的正下方

哎，你这代码写得挺乱的啊，直接贴过来我看得眼花。

上周有个客人问我图片和文字怎么对齐，我给他演示了两种方法。

第一种是文字直接放图片下面，用了个简单的
换行，就像这样：

你啥时候嫁给我,hahahahaahahahahaha

这个方法最简单，但缺点是文字会直接掉到下面，跟图片之间没啥间距，看着有点生硬。
大概去年我在北京某个培训课上讲HTML基础的时候，就这么跟学生演示过的。

第二种你发的那种，文字跑到图片右边去了，用了 .d2 { vertical-align:middle; } 这句样式。
但说实话，你这代码写错了，.d2 应该是加在
上，而不是 上，而且 vertical-align 主要控制行内元素，像 这种 display: 默认是 inline-block 的，直接用 vertical-align 可能效果不是你想要的。

我去年在上海搞活动的时候，试过类似代码，结果发现文字没跑到右边，而是跟图片重叠了。
后来调整了半天，发现得用 float 属性才行：
你啥时候嫁给我,hahahahaahahahahaha

你看，文字跑右边得用 float:right; 把图片往右浮动，然后文字自然就靠上来了。
不过 float 用多了容易出 bug，特别是后来 HTML 出了 flexbox 和 grid 属性，现在一般都不太建议用 float 了。

反正你看着办吧，这两种方法都是可行的，关键看你想要什么效果。
标签： input高度 绝对定位