我有一些问题,让一小段文字在图像旁边漂浮时居中.
logocss.gif" width="95" height="84" />
(您可以将此代码复制并粘贴到http://www.w3schools.com/CSS/tryit.asp?filename=trycss_float中以查看其实际效果.
我想要的是一种在浮动图像时垂直居中的方法.而且也不会弄乱它之后的文字. (正如你所看到的,“其他东西……”在“这个”之上)
我更喜欢纯CSS方法(或者可能重组div等),因为这只是一个显示问题的例子.它正在使用的应用程序非常复杂,将它全部放入表中需要相当多的工作,并且可能看起来不正确.
UPDATE
好吧,我已经删除了我的asp.net生成页面的一部分,它显示了我遇到的问题.我意识到代码是丑陋的道歉.它是由机器生成的
logocss.gif" width="95" height="84" />
logocss.gif" style="border-width:0px;float: right;" />
对不起大代码,但它是我的问题的一个工作示例.我做了线高技巧,但似乎没有效果.基本上我想要的是编辑控件在图像的中间垂直居中(由于表格很容易),并且“电子邮件”文本在图像的中间垂直居中.虽然在这种安排中,我无法使其发挥作用.我究竟做错了什么？
最佳答案
那这个呢？ (请注意,行高值等于图像的高度)：
logocss.gif" width="95" height="84" />
This
更新：
考虑到更新的代码,我想出了这个：
logocss.gif" style="border-width:0px;float: right;" />Email
我不是说这是最好的方法,但我试图不要过多地修改你的代码.
在我看来,你不需要在一个范围内包装文本.
如果您想坚持使用表格,那么请尝试查看td元素的valign =“middle”属性：http://www.w3schools.com/TAGS/att_td_valign.asp
但是如果你想这样做,你必须将图像与文本分开并将它们放在不同的tds中.
@H_502_53@ 原文链接：https://www.f2er.com/html/425682.html
