我想要一个头像图像,它的右边有两个div,垂直对齐。
我读过这么多关于这方面的文章,但似乎没有一个对我有帮助。
在左边有30%的主div (header)宽度的图像和70%的info div的最佳方法是什么?
如果info div (name或position)中的任何一个文本太多,我希望info div垂直对齐其左侧的图像。我还希望这个info div与图像有一个边距。
我尝试了很多选择:float: left on avatar div,display: inline-block on avatar和info,width: 30% and 40%。我不想为此目的使用引导程序,因为它会使事
我试图用一些相邻的文本包装一个图像,我可以使用属性或float将其对齐到的左上角和右上角。但是,如何使图像与整个文本的垂直中心和水平中心对齐。
如下所示:
我试过下面的代码,
<p>
<img align="middle" src="http://placehold.it/140x100" /> Some More text Here....
</p>
我知道这个问题一次又一次地出现。在CSS中垂直对齐似乎是一个主要问题..。
我正试图将本网站开头的两个文本(Kinesiologie Stammheim和Dies ist der Platzhalter für ein Zitat zum Thema Erde)与中间的:对齐。
我的CSS文件在这里:
我尝试了所有不同的建议,谷歌提出,vertical-align:middle;,display:inline-block;等,但没有成功。
将这些文本垂直对齐到中间的正确方法是什么?