您的位置:首页 > 其它

一个块里面的对齐,div(图片,文字),并且图片跳转页面

2014-10-09 23:37 253 查看
<pre name="code" class="css">
.Center_Div{
width: 300px;
height: 180px;
background-color: #4FC0E8;

}


p{
color: white;
font-family: times;
/*靠左*/
text-align: left;
/*左边空出8px*/
padding-left: 8px;

<pre name="code" class="html"><div class="Center_Div">
<div style="height:30px;text-align: left;">
<table>
<tr>
<td><img src="laba.png" onclick="location.href='http://www.baidu.com'"></td>
<td><span>LOREM IPSUM DOLOR</span></td>
<td style="width:8px;"></td>
</tr>
</table>
</div>
</br>
<p>
Quisque posurer risus reat at scelerisque felis</br>
pulvinar quis.Maecenas arcu lorem,laoreet at</br>
dui in,hendrerit mattis mi.Sed eu vehicula lectus</br>
felis pulvinar quis.Maecenas arcu lorem.laoreet</br>
at posuere risus erat<span> Read More</span>
</p>
</div>




对齐

一个div里面嵌套一个div,加载图片或字体后,视情况 ,把文本先全部靠左,再使用 内边框元素 padding对left 给出空间一定的px.就能达到对齐的效果

跳转

在body中需要跳转的元素 中 使用:
onclick="location.href='http://xxxx'"
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: