html – 让CSS“浮动：向右”并垂直居中

发布时间：2020-12-14 22:42:05 所属栏目：资源来源：网络整理

导读：我有一些问题,让一小段文字在图像旁边漂浮时居中. (您可以将此代码复制并粘贴到http://www.w3schools.com/CSS/tryit.asp?filename=trycss_float中以查看其实际效果. 我想要的是一种在浮动图像时垂直居中的方法.而且也不会弄乱它之后的文字. (正如你所看到的,

我有一些问题,让一小段文字在图像旁边漂浮时居中.


(您可以将此代码复制并粘贴到http://www.w3schools.com/CSS/tryit.asp?filename=trycss_float中以查看其实际效果.
我想要的是一种在浮动图像时垂直居中的方法.而且也不会弄乱它之后的文字. (正如你所看到的,“其他东西……”在“这个”之上)
我更喜欢纯CSS方法(或者可能重组div等),因为这只是一个显示问题的例子.它正在使用的应用程序非常复杂,将它全部放入表中需要相当多的工作,并且可能看起来不正确.
UPDATE
好吧,我已经删除了我的asp.net生成页面的一部分,它显示了我遇到的问题.我意识到代码是丑陋的道歉.它是由机器生成的


对不起大代码,但它是我的问题的一个工作示例.我做了线高技巧,但似乎没有效果.基本上我想要的是编辑控件在图像的中间垂直居中(由于表格很容易),并且“电子邮件”文本在图像的中间垂直居中.虽然在这种安排中,我无法使其发挥作用.我究竟做错了什么？


最佳答案
那这个呢？ (请注意,行高值等于图像的高度)：


更新：
考虑到更新的代码,我想出了这个：


我不是说这是最好的方法,但我试图不要过多地修改你的代码.
在我看来,你不需要在一个范围内包装文本.
如果您想坚持使用表格,那么请尝试查看td元素的valign =“middle”属性：http://www.w3schools.com/TAGS/att_td_valign.asp
但是如果你想这样做,你必须将图像与文本分开并将它们放在不同的tds中.

                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!