css怎么设置文字靠左上显示，但让开图片位置
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css怎么设置文字靠左上显示，但让开图片位置相关的知识，希望对你有一定的参考价值。
如图，怎么把文字提上来，然后遇到图片的部分让开，成图二的效果
随便写几种。
------------------------------
CSS部分：
.textbackground-image;url(pic.jpg);
width: xx px /*你自己定义的宽*/
height: xx px /*你自己定义的高*/
overflow:hidden; /*超出部分隐藏*/
.text span
margin-top:xx px;/*离上边距离*/
margin-left:xx px;/*离左边距离*/
html部分：
<div class="text"><span>字</span></div>
------------------------------
CSS部分：
.textbackground-image;url(pic.jpg);
width: xx px /*你自己定义的宽*/
height: xx px /*你自己定义的高*/
position:relative;; /*相对定位*/
.text span
position:absolute;/*绝对定位*/
top:xx px;/*离上边距离*/
left:xx px;/*离左边距离*/
html部分：
<div class="text"><span>字</span></div>
--------------------------------------
CSS部分：
.textbackground-image;url(pic.jpg);
width: xx px /*注意，这里是你自己定义的宽减去padding-left的值*/
height: xx px /*注意，这里是你你自己定义的高减去padding-top的值*/
padding-top:xx px; /*离上边距离*/
padding-left:xx px; /*离左边距离*/
html部分：
<div class="text">字</div>
lz自己选吧。
本回答被提问者和网友采纳 参考技术B
你可以设置左边宽度和右边宽度，然后用浮动。如：
<div style="overflow:hidden"><p style="width:70%; float:left;"></p>
<p style="width:30%; float:right;"><img src="1.jpg" style="width:100%" /></p>
</div> 参考技术C 你可以通过div+css 样式开制定！
css怎么让div上下居中，靠右对齐
让div还随滚动条移动。
上下居中··这个肯定就要用js算出来了···靠右对齐有很多种方法··position: fixed; right: 0;这样就靠右并且随滚动条滚动·一直固定在位置上···如果你是要做那种右下角的小窗口···纯css是不能解决问题的· 参考技术A position: fixed; top:50%; right:0; margin-top用负div一半的高度的值。就可以上下居中，靠右对齐，但是div得给高度，要不然上下居中就得要用js算出来了 参考技术B 两个DIV同样的外边距就行了.cssDiv 或者把它们装在另一个DIV里面，外面那层DIV设置两边内边距相等如果帮助到您，请记得采纳为满意答案哈，谢谢！祝您生活愉快！ vae.la 参考技术C <html>
<head><title>跟随滚动</title></head>
<script language="javascript">function yidong()
var abc = document.getElementById("leftdiv");
abc.style.top = document.body.scrollTop;
setTimeout("yidong()",6); </script>
<body onload="yidong()">
<div style="height:1600px;">内容显示层</div>
<div id="leftdiv" style="position:absolute;z-index:1; left:10px;" >层内显示</div></body>
</html> 参考技术D <style>
#ad width:150px; height:200px; position:fixed;right:0;top:35%; border:1px solid #0F0
</style>
<div id="ad"></div>
以上是关于css怎么设置文字靠左上显示，但让开图片位置的主要内容，如果未能解决你的问题，请参考以下文章
div css里怎么让一个图片在任意位置，比如靠居中在偏下，