Html：如何将文本与居中图像左对齐？

我需要做类似的东西在我的网页上执行以下操作：Html：如何将文本与居中图像左对齐？

------------------------------------------------------------------- 
|Normal text              | 
|                 | 
|  Some text aligned to image left       | 
|  ----------------------------------------------------  | 
|  |     Centered image     |  | 
|  |             |  | 
|  ----------------------------------------------------  | 
|                 | 
-------------------------------------------------------------------

我完全不知道如何做到这一点。到目前为止，一切我已经尝试导致了文本，是应该与图像的左边缘对齐，为中心以及:(

感谢

来源

2011-09-14 DTR

放在一个单一的文本和图像div元素。中心的股利，左对齐内的文字。

来源

2011-09-14 07:00:06

我曾尝试已经......它导致文本对齐一路在页面的左边，而不是图像的左边缘 – DTR

@DTR：然后尝试从div（或以你为中心的方式）继承'centering'或'padding'。 –

普通文本--->给正常的方式，即没有填充
一些文本对齐图像左--- >给填充留下
居中的图像----->给定向的中心

来源

2011-09-14 07:01:06 deepi

试试这个：

<table style="width:100%;"> 
    <tr> 
     <td style="width:100%;">> 
      <div style="text-align:left;">Normal Text</div> 
     </td> 
    </tr> 
    <tr> 
     <td style="width:100%;"> 
      <table style="width:80%;" align="center"> 
       <tr> 
        <td style="width:100%;"> 
         <div style="text-align:left;">Some text aligned to image left</div> 
        </td> 
       </tr> 
       <tr> 
        <td style="width:100%;"> 
         <image url=""></image> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table>

来源

2011-09-14 07:07:04

试试这个：比方说，你的图像尺寸：800×600 HTML标记

<div id="content"> 
<img src="something..."> 
</div>

CSS

#content img 
{ 

    position:relative; 
    top:50%; 
    left:50%; 
    margin-top:-300px; 
    margin-left:-400px; 
}

您可以使用图片作为背景，

#content 
{ 
    background-image:url('bg.png'); 
    background-position:center; 
    background-repeat:no-repeat; 
}

更多background-positionhttp://www.w3schools.com/cssref/pr_background-position.asp

来源

2011-09-14 07:21:49

Html：如何将文本与居中图像左对齐？

回答

相关问题