图像不是内联显示，而是分开显示

出于某种原因，我设置显示的图像与左侧或右侧对齐，没有内联（我的意思是它们没有被文字包围，所以实际上被称为“内嵌“），而是占据文本的整个高度，并且文本只在图像之后继续存在，与其不一致。请参阅下面的链接以了解我的意思。 http://alkotab.net/?p=120 图像不是内联显示，而是分开显示

内容IMG CSS属性是：

.content img { 
display: inline !important; 
padding: 5px; 
background: none; 
} 
.content img.alignleft, .content .wp-caption.alignleft { 
float: none; 
display: inline; 
margin: 5px 15px 10px 0; 
} 
.content img[align $='left'] { 
float: left; 
display: inline; 
margin: 5px 15px 10px 0; 
} 
.content img.alignright, .content .wp-caption.alignright { 
float: right; 
display: inline; 
margin: 5px 0 10px 15px; 
} 
.content img[align $='right'] { 
float: right; 
display: inline; 
margin: 5px 0 10px 15px; 
}

来源

2012-01-23 Mouad

不知道这是你想要的效果，但尝试从screen.css去除float: right声明.content p（线814）

来源

2012-01-23 22:24:15 pong

WOW谢谢你非常。我非常感谢克里斯蒂安，我希望我是一位像你这样的专家，可以在飞行中告诉问题的原因:) 我可以知道您是如何设法找到导致问题的原因的？另外我怎么能标记你的答案为“答案”（我已经点击了你的评论是有用的）。 – Mouad

嗨Mouad，很高兴我可以帮助你:)我做了一个受过教育的猜测，基于多年来苦于与HTML和类似的东西我自己:)接受答案点击大概勾选左边的答案（upvote会很好也可以通过点击大'0'上方的箭头;） – pong

我选择它作为答案..一个投票并不可悲，它说我必须有15个以上的声望才能投票。无论如何，一个人会赢得声望？通过给出正确的答案？再次感谢您 – Mouad

图像不是内联显示，而是分开显示

回答

相关问题