CSS样式文字重复怎么解决?

html-css015

CSS样式文字重复怎么解决?,第1张

虽然你说的不够清楚。但是我大概可以猜得出你的问题。

貌似你采用了左或右对齐，最后一个容器里的内容莫名其妙的出现在了下面一行。并且重复了部分内容。

如果是这样，这是IE6的一个BUG，你用其他浏览器就看不到这样的状况。要解决的话，可以适当的缩小宽度。只到它正常。

采用CSS布局，最麻烦的就是解决IE6的一些BUG。你会恨死它的。

可以把图片作为文字那个块标签的背景图片或者你把图片和文字都放在一个同一个div 里面然后给图片和文字加上定位，然后文字的图层比图片的图层位置高就行了

第一种

<style>

.div{width: 200pxheight: 200pxbackground: url("图片路径") no-repeat}

</style>

<div class="div">

<p>你的文字内容</p>

</div>

第二种

<style>

.div{width: 200pxheight: 200pxposition: relativez-index: 0}

.div img{position: absolutetop: 0left: 0width: 100pxheight: 100px}

.div p{position: absolutetop: 0left: 0z-index: 10}

</style>

<div class="div">

<img src="图片路径" alt="#">

<p>你的文字内容</p>

</div>

<div>

<p>欢迎来到计算机科学</p>

<p>欢迎来到科学院</p>

</div>

css:

div{

position: relative

}

div p{

position: absolute

}

div p:first-child{

display: none

}