一个CSS问题。overflow:hidden, 怎么能显示中间的,两边的超出部分隐藏...
发布网友
发布时间：2022-04-30 15:45
我来回答
共2个回答
热心网友
时间：2022-04-21 00:38
2种方法，
1 把图片弄成背景图
<li style="float:left;display:inline;margin-right:25.0px;width:210.0px; height:300.0px; overflow: hidden;background:url() no-repeat top center;">
</li>
2 js控制
给li一个id 例zz
给body一个onload事件 Onload
function Onload(){
var zzl=document.getElementById('zz').clientWidth;
var zzi=document.getElementById('zz').getElementsByTagName('img')[0].clientWidth;
document.getElementById('zz').getElementsByTagName('img')[0].style.marginLeft=-(zzi-zzl)/2+'px';
}
//当然上面js控制也可以把img的position写成ralitive 然后可以控制left 方法一样
追问还有别的方法么？ js会被系统剔除的。背景图也不行的
追答图片直接style="margin-left:-50px;"
热心网友
时间：2022-04-21 01:56
你设置了overflow：hidden：溢出隐藏了。追问
现在是超出的部分，右边就会被隐藏掉，我是想能不能把超出的两边隐藏掉，而显示中间的一块。比如图片中，红色是会显示的区域，灰色是原图片。那么现在效果是1.我要2的效果。。。。
一个CSS问题。overflow:hidden, 怎么能显示中间的,两边的超出部分隐藏...
2种方法，1 把图片弄成背景图 2 js控制 给li一个id 例zz 给body一个onload事件 Onload function Onload(){var zzl=document.getElementById('zz').clientWidth;var zzi=document.getElementById('zz').getElementsByTagName('img')[0].clientWidth;document.getElementById('zz').getElementsByTag...
CSS 的overflow:hidden 属性详细解释
1、首先我们写一个div，div里就是一段文字。2、然后写一些css样式，关键部分是指定div的宽度，如图的样式代码 3、刷新页面，可以看到我们的文字在超长的时候，显示在div的外面了。4、这时就要用到我们的overflow:hidden样式了。该样式就是为了避免超长时，显示内容溢出的，在样式里添加上这个。5、再次刷...
CSS中为什么overflow:hidden能清楚浮动float的影响
对于overflow:hidden的功能就是说超出部分不显示，达到一个效果“让子元素只在父元素内显示”（1、是剪掉外面的 2、撑开显示）对应下面两种情况。有两种情况：1、有宽度高度值（是剪掉外面的 ）：这样会剪切掉父元素外的子元素，达到“让子元素只在父元素内显示”的效果。（这才是overflow:hidden的正确...
css问题:overflow:hidden;在这里起什么作用?是清除滚动条?还是将背景...
首先是让超出的所有部分都隐藏（无论是内容还是背景），这种效果是针对整个屏幕的内容制作的，你可以在body元素当中添加一些div元素，书写一些内容，让div元素内容的高度超出一个浏览器窗口的大小，就能看出效果了。此外，你可以检查一下该元素的子元素 如果该元素的子元素存在浮动元素，则也有清除浮动的作用...
DIV CSS制作的网页,设置文字溢出隐藏,但是会出现半截子是怎么回事
这是因为你外面一层div的高度不够，如果增加了包裹文字的那层高度后，就会正常了。
中使用overflow:hidden后,右侧内容被隐藏了,有没有办法隐藏两侧的内容...
你把图片的left值设为-20px，相当于左边隐藏了-20px的宽度，右边溢出的照样隐藏。我就是如此的机智~
overflow:hidden:溢出隐藏了。
代码还需要完善。overflow没有那么强大，只有隐藏功能，不能控制里面的位置，一般也是外层的宽度弄得跟里面一样 隐藏右边的原因是里面的东西靠左放置了，并不是overflow隐藏右边的，如果你想出现第二种效果，问题的关键就成了，把他的位置放到中间，overflow是吧外面所有的东西都隐藏了，不只是隐藏某一边 ...
html/css中的overflow:hidden到底是什么用处??
1、首先，html页面结构如图，有几个column，每个column里有几行方格，每个方格里有文字。文字可能过长，超出单元格大小。2、首先禁止文字折行显示，并隐藏超出部分。对于文字元素使用white-space: nowrap样式。3、接下来，要给宽度超出父元素的情况添加一些样式。使用js代码实现一个函数，获取所有这样的元素...
html/css中的overflow:hidden到底是什么用处??
1、首先，html页面结构如图，有几个column，每个column里有几行方格，每个方格里有文字。文字可能过长，超出单元格大小。2、首先禁止文字折行显示，并隐藏超出部分。对于文字元素使用white-space: nowrap样式。3、接下来，要给宽度超出父元素的情况添加一些样式。使用js代码实现一个函数，获取所有这样的元素...
一个CSS问题,关于overflow:hidden
会增加工作量，我的问题是，能不能在不修改我本身的这个JS的前提下，实现我这个功能，CSSHACK，或者其他的办法都可以。 回答： 那我就不明白了,你的JS是什么功能. 追问： 我的JS实现的是一个菜单的显示和隐藏，当显示的时候，用JS增加外层DIV的宽度。这样内部的内容就会从右至左慢慢展开，当隐藏时...
