过渡时收缩div
是指在网页开发中，通过CSS过渡（transition）属性实现div元素在收缩（缩小）过程中产生动画效果的效果。
具体实现过渡时收缩div的方法如下：
- 使用CSS选择器选中需要收缩的div元素，并设置其初始状态和过渡效果：
div {
width: 100px; /* 初始宽度 */
height: 100px; /* 初始高度 */
transition: width 0.5s ease-in-out, height 0.5s ease-in-out; /* 过渡效果 */
}- 通过JavaScript或CSS伪类（如:hover）触发div元素的收缩效果：
div:hover {
width: 50px; /* 收缩后的宽度 */
height: 50px; /* 收缩后的高度 */
}这样，在鼠标悬停在div元素上时，div元素会从初始状态平滑地过渡到收缩后的状态，产生一个动画效果。
过渡时收缩div的优势：
- 提升用户体验：通过动画效果，使页面元素的变化更加平滑和自然，提升用户对网页的交互体验。
- 增加页面动态性：通过过渡效果，使页面元素的变化更加生动，增加页面的动态性，吸引用户的注意力。
- 优化页面布局：通过收缩div元素，可以在页面空间有限的情况下，更好地适应不同屏幕尺寸和设备，提升页面的响应式布局效果。
过渡时收缩div的应用场景：
- 网页导航菜单：当鼠标悬停在导航菜单上时，菜单项可以通过收缩动画展开子菜单，提供更好的用户导航体验。
- 图片展示：当鼠标悬停在图片上时，可以通过收缩动画展示图片的详细信息或其他相关内容，增加图片的交互性。
- 折叠面板：在网页中实现可折叠的面板，通过收缩动画展开或收起面板内容，提供更好的内容展示和节省页面空间。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS：https://cloud.tencent.com/product/css
- 腾讯云CDN：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云存储COS：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙：https://cloud.tencent.com/product/tencent-meta-universe
相关·内容
我在silverlight应用程序和导航框架中只有很少的用户控件。当前用户控件-->框架的当前源下一个用户控件-->单击超链接时显示的用户控件
当点击一个超链接时，我想添加自定义过渡，使当前页面淡入淡出，减小其大小，然后在淡入淡出时消失。然后我希望在下一个用户控件上发生相反的情况，即将加载的用户控件将看起来很小，淡出，然后扩展，同时淡入。除了使用transition control控件提供的内置过渡之外，还有什么方法可以将情节提要过渡添加到当前控件，并在框架导航到的控件上反转过渡吗？
浏览 4提问于2011-03-03得票数 1
我有三个div占据了三分之一的水平空间。当我悬停在其中的一个，它过渡到三分之二的水平空间。当我悬停在那个div上时，我希望剩下的两个div两个缩小到一个六分之一。所以，基本上，我希望当第一个div膨胀时，它们能填充任何水平空间。
就像这样：
--div3 1
悬停时：
这是可能的css吗？
谢谢一堆人！
浏览 4提问于2014-02-25得票数 0
回答已采纳
我正在为我创建的组件使用转换，该组件在呈现视图上重复多次：
<slide-y-down-transition>
<div
v-for="comment in comment.comments"
:key="comment.id"
v-show="displayComments"
>
<CommentCard
/>
</div>
</slide-y-down-transition>
但是，当我测试视图时，它
浏览 4提问于2020-08-02得票数 1
回答已采纳
2回答
我使用jquery动画来增加div的宽度和高度。动画是在点击框时触发的，然后在单击背面字体时恢复到原来的大小--显示的图标非常棒。
html：
<body>
<div class="flex-container">
<div class="flex-items">
<i class="fa fa-reply fa-2x"></i>1
</div>
<div class="flex-items"><i c
浏览 4提问于2016-03-15得票数 0
回答已采纳
我有这个css3转换代码：
CSS：
body, html {
height: 100%;
margin: 0;
}
.container {
position:relative;
height: 100%;
width: 100%;
background-color: black;
}
.shrink {
height: 0px;
width: 0px;
position: absolute;
right: 0;
-webkit-transition: opacity 4s ease-in-out;
浏览 0提问于2012-11-18得票数 0
回答已采纳
我有一个chart.js饼图。当我更新数据集时，我希望饼图段平滑地调整大小以适应新值(即增大/缩小大小)。 饼图每次都会执行旋转过渡。在设置新数据后，我可以使用.update('none')关闭旋转过渡，但随后饼图立即发生变化，没有过渡。 有没有办法做到这一点？ 我的饼图设置代码是： chartRegion_Emissions_ANZIC_BreakdownChart = new Chart(ctx, {
type: 'pie',
options: {
responsive: true,
浏览 28提问于2021-07-24得票数 0
我想以编程方式允许用户从UIScrollView中的当前页面缩放，并向他们呈现多个页面的概述。然后允许他们触摸/选择其中一个页面进行放大。
我有每个页面的多个子ViewControllers。重要的是，每个ViewController都包含详细的信息，所以我希望当他们“鸟瞰”正在发生的事情时，大多数信息都是可见的。
做这件事最好的方法是什么？
附加细节:假设每个UIViewController都有一个UiTableView。每个单元格分别有5,6,3,1,0,10个单元格，有没有办法在更大的视图中同时显示所有单元格？
也许有一种方法可以截图视图并将其显示为较小的对象？
目前我已经有了UIPin
浏览 0提问于2012-03-03得票数 1
回答已采纳
我把div写成了列
[div1][div2][div3]
我希望像这样在光标悬停时分别展开每个div (以某种方式覆盖其他div)：
[div1..................]
到目前为止，我已经让它这样工作了：
body {
background: #cacaca;
padding: 5em;
}
.container {
position: relative;
width: 100%;
overflow: hidden;
}
.item {
padding: 0.25em;
text-align: center;
display: inline
浏览 0提问于2017-09-11得票数 4
回答已采纳
一点背景..。
考虑以下HTML结构：
<div class="wrapper">
<div class="item above"></div>
<div class="item active"></div>
<div class="item below"></div>
<div class="item below"></div>
<div class="
浏览 0提问于2019-07-09得票数 1
回答已采纳
1回答
我怎样才能强迫狩猎队尊重div的宽度？
.flex {
display: flex;
flex-wrap: nowrap;
}
<div class="section">
<div class="flex">
<div class="left" style="width:106px;"><img src="#" width="80"></div>
<div class="right"
浏览 2提问于2022-08-10得票数 0
In React.js，您如何显式地设置CSS？
以下是背景：
我有一个从完全高度开始的栏，然后通过动画缩小到0px的高度。请看下面的图片。
它在步骤1-2-3中正确工作。我应用动画将高度设置为0。
但是，我无法从第3步过渡到第4步，因为高度已经是0。(与步骤1不同，步骤1的高度为初始值700 in )。
如何显式设置CSS?这将允许我恢复初始700 me高度，这将允许正确地重置动画。
注意:出于性能原因，我不使用jQuery。
浏览 0提问于2016-08-26得票数 0
回答已采纳
下面是演示我的问题的片段。问题是，每当我输入字段时，这个字段就会变得非常小。
$(function() {
$("select").select2({
placeholder: "Select a word",
width: "100%"
});
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<
浏览 1提问于2017-03-31得票数 2
回答已采纳
1回答
我正在分析我从spice模拟器得到的电压输出，我想量化时间采样电压数据，以便我可以将给定的(梯形波)转换成方波。
我尝试将微分作为一种方法来理解数据何时处于平坦水平(电压水平之一)或何时处于过渡阶段，但由于电压与时间数据存在固有的故障，所以我无法得到我想要的确切水平。所提取的波形是从模拟器中提取出来的，我正在用"C“语言做所有的分析。
浏览 9提问于2022-03-24得票数 0
1回答
我有我的代码
<div id="container">
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
<div id="four"></div>
</div>
每个div#one的宽度都是250px，都是向左浮动的；当我点击一个按钮时，我使用的是hide('one')
浏览 0提问于2010-12-01得票数 0
回答已采纳
1回答
我决定这个周末开始向btrfs过渡。我有一个桌面，它有一个用于引导的md raid1，还有一个用于其他所有东西的大型md raid5。在md raid5的顶部，我有带有、和的LVM。
我的想法是将raid1与ext4一起作为引导，并且不会立即转换LVM。相反，我将在raid5上创建一个新的btrfs根目录，创建一个新的主目录，转移到信任和简单的必需品上，然后根据我的需要移动它们。这样，潜在恢复的大小就会随着bug的减少而增加。现在的问题是，我实际上是如何做到的？:)
我希望在这里得到一些专家的建议。
浏览 0提问于2012-01-27得票数 2
回答已采纳
1回答
在使用下面的CSS代码时，我想避免压缩元素，特别是对于Chrome浏览器。39。
这个CSS代码在Chrome上运行得很好。46.但我需要使用老版本，比如Google的v.39。因为我使用这个版本作为包装来创建桌面PC应用程序。
以下是我想避免的挤压效应：
这里看起来很好：
#bascket {
overflow: hidden;
position: absolute;
width: 100%;
height: 52.9%;
top: 14.72%;
left: 0px;
background: rgb(255, 255, 255);
out
浏览 1提问于2016-12-08得票数 3
回答已采纳
2回答
每当我尝试以这种方式设置flex项时，不是每行获得2条，而是获得4条。但是使用第二种解决方案，它似乎工作正常。为什么它不能像在第一个css代码中那样工作呢？
<div class="container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4<
浏览 5提问于2022-05-17得票数 -1
我正在尝试为iOS在Cocos2D中创建一个自定义场景过渡，它将模拟书籍封面的打开。
外出场景必须向左翻开(铰链在屏幕的左侧边缘)，并显示即将到来的场景，就好像书的第一页刚刚被外出场景揭开一样。
你有什么建议吗？
我能够创建一个CCTransitionSceneOriented的子类，它执行一个简单的书籍封面过渡，不幸的是，它看起来不专业，因为即将到来的场景不会随着封面的打开而递增显示:-(
@implementation TransitionBookCover
-(void) onEnter
{
[super onEnter];
[inScene_ setVisible:N
浏览 0提问于2011-02-02得票数 0
回答已采纳
2回答
flex项不溢出
、、
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>My CSS experiment</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="box">
<div>One
浏览 0提问于2020-01-01得票数 0
2回答
防止挠曲项收缩
、、
示例：
#wrap {
outline: 1px solid fuchsia;
display: flex;
}
#left {
background: tan;
width: 100%;
}
#right {
background: teal;
width: 50px;
height: 50px;
}
<div id="wrap">
<div id="left"></div>
<div id="right"></div>
</div&g
浏览 6提问于2017-04-12得票数 7
我有一个显示容器div的页面，它旁边是一个iframe，它显示了我使用"Three.js“创建的模型，它工作得很好。我遇到的问题是，当我将它切换到我的触摸设备并与模型交互(通过放大)时，整个页面都会放大，而不是模型本身。我一直在研究，我找到的所有解决方案都没有修复我的bug。基本上，我想要的是模型本身(在iframe中)在触摸设备上时放大/缩小，而不是整个屏幕。我认为问题在于模型本身，因为当我将模型从常规的gltf文件切换到pointmaterial时，它工作得很好。以下是我的代码
HTML
<div class="container-fluid">
浏览 91提问于2018-05-30得票数 0
回答已采纳
2回答
我的网站上有两个菜单栏。第一个(黑色)固定在页面的顶部。第二个(橙色)会变粘，一旦黑色的酒吧击中它。同时，还出现了一个小的徽标图像，它通过使用一个名为"inactve“的类”inactve“和"display: none”隐藏起来，并通过移除类“非活动”并将类“活动”添加到“显示:内联块”来显示。
动画gif在这里：
现场直播版本：
但是，从“显示:无”改为“显示:内联块”是非常突然的。请任何人都可以让这是一个很好的过渡与标志显示从左到右，这样社会图标被轻轻地推到右边？
，这是我的代码：
HTML
<div class="topbar-container"
浏览 3提问于2016-06-03得票数 0
回答已采纳
我在div里面有一个文本，div有100%的宽度，我想让文本在一行中，其余的div用中间行填充到行的末尾。
.question-category-sub {
display: flex;
}
.lineHorizontal__container {
align-items: center;
display: flex;
height: 80px;
}
.lineHorizontal {
border-top: 1px solid rgb(30, 30, 30);
浏览 1提问于2022-10-15得票数 0
回答已采纳
1回答
CSS不工作的文本宽度转换
、、、、
我有一个div，我想显示一个人的名字。
我只想显示正常状态下的人的名字。当您悬停时，姓氏应该出现在名字的右边，其宽度从0扩展到正常宽度。所有这些文本都对齐了右边。
如果我将转换应用到姓span，它甚至都不会显示它。
我也尝试了最大宽度(就像一个人在这里做的： )，但它不起作用。所以我做了一个包装器div，用宽度代替了最大宽度，现在它起作用了，只是它根本没有显示转换。
我怀疑问题在于“自动”属性，但如果有人知道如何使过渡工作，我将非常感激。
这是我的小提琴：
HTML：
<div class="name">
<span class="first
浏览 2提问于2016-08-01得票数 2
回答已采纳
1回答
我有一个柔性盒div，这是正确的开始和对齐开始。在这个div内部是两个div，第一个包含一个h1，第二个包含一个段落。
我正在尝试设置一个柔性盒配置，以便div 1始终是标题(h1)的宽度，其余的空间由第二个div与段落一起占用。
这是我的装备：
<div class="flex flex-justify-start flex-align-start">
<div class="title">
<h1 id="landingHeader">Headline</h1>
浏览 3提问于2015-02-12得票数 0
回答已采纳
我想在一个父v-if状态更改中设置多个转换(在单独的子元素上)。
例如，当我显示一个模式时，我希望背景模糊为fadeIn (使用不透明度)，而模式内容为slideIn (使用过渡或动画)。我的当前情况如下，当我使用过渡时，背景模糊元素(.modal)与内容(.modal__content)一起过渡：
<transition enter-active-class="animated slideInRight" leave-active-class="animated slideOutRight">
<div class="modal&
浏览 0提问于2018-04-16得票数 8
我有一个简单的模板：
HTML：
.outer {
display: flex;
width: 200px;
}
.inner {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
<div class="outer">
<div class="left inner">The quick brown fox</div>
<div class="right inner">jumps ov
浏览 2提问于2017-07-26得票数 0
回答已采纳
4回答
在下面的代码中，我在单击按钮时切换div (id=popdiv)的可见性。我想给它添加一些过渡效果。例如，现在它只是弹出和隐藏。我希望在显示隐藏时，过渡要慢一点，但没有一个过渡或动画效果起作用。 $('#pop').click(function(){
$('#popdiv').toggle();
}) #popdiv{
display: none;
} <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
浏览 74提问于2020-10-15得票数 0
我有一个CSS3转换，其中缩小了元素的高度。我这样做是为了：
类上指定的CSS3转换和目标高度(例如，高度:类中的5 5px)
将height=$el.height()分配给样式属性中的元素(例如，高度:样式上的100 to )
将类添加到元素
删除在样式属性中定义的高度
计算的CSS值从样式的100 5px更改为类的5 5px，这将触发转换
我发现，设置CSS3转换触发器似乎有延迟，如果第4步在#3之后执行得太快，触发器将看到初始高度是自动的，而不是100‘t，并且不会发生转换(由于CSS3的另一个限制，您不能从will : auto转换到there :X)。
以
浏览 2提问于2014-11-13得票数 0
回答已采纳
1回答
html水平滚动
、、
我有一个简单的css示例，当显示水平滚动时，我无法理解其中一个div的行为。so...when我的浏览器窗口需要显示水平滚动(当窗口宽度小于我的div "content“宽度(1024px)时)，我的div "footer”(具有相同的“content”父级和100%宽度)，似乎在右侧得到一个“额外的空白空间”。当我减小窗口的宽度时，这个空间会变大。有什么想法可以让我摆脱它，或者为什么它会发生？？谢谢！
下面是我的代码：
css：
<style type="text/css">
html, body {
hei
浏览 0提问于2010-04-17得票数 0
我想实现IOS天气应用程序，如过渡，ListView，点击列表项目它扩展到详细视图，或收缩到列表也扩展到详细视图。
向左和向右滑动过渡。请让我知道如何实现它。
提前谢谢。
浏览 6提问于2013-10-01得票数 4
4回答
我有许多包含在包装div中的元素。这些元素被打开或关闭，一次只显示一个。这些元素有不同的尺寸，当它们被切换时，开关真的很不稳定。
当包装器div的高度改变时，是否可能有一个平稳的过渡？
这看起来有点棘手，因为包装div的高度只由包含在其中的元素定义。据我所见，这意味着普通的css转换不能平滑转换。
$('.tile').hide();
$('.tile').eq(0).show();
var toggle = 1;
$('button').click(function(){
if(toggle == 1){
$('.tile
浏览 8提问于2016-01-21得票数 0
回答已采纳
1回答
我正在使用flex环境自动缩放具有固定边和头部的容器(使用jquery在文档就绪时加载头部)。
--------------
| header |
--------------
| |canvas| |
| | | |
--------------
有两个flex环境，一个从上到下(列)，一个从左到右(行)。
在不考虑画布的情况下，这似乎是正常的。当页面加载并应用flex时，画布会进行缩放，其大小会发生变化，而上下文的“渲染”宽度/高度保持不变。这会导致图像以较小的分辨率渲染并被拉伸。
为了解决这个问题，在渲染之前，我每次都会运行这个函数：
Map._resizeCa
浏览 0提问于2019-11-26得票数 0
我很难理解为什么会发生这种事。我把问题降到了最低限度。
我有一个单一的Text视图，当被删除时，应该会淡出。添加.transition(.opacity)仅仅是为了清晰。不应该需要它，因为它是默认的。然而，其结果是，除了淡出，文本视图向右滑动。
通过播放文本长度，我意识到在过渡期间，它的左边距希望与CHANGE按钮的左边距对齐。但为什么？！
相反，当加回时，它工作得很好，没有运动。只是一个不错的淡入效果。
这个问题不仅发生在iOS上，而且也发生在macOS上。使用Xcode 11 beta 2。
import SwiftUI
struct ContentView : View {
浏览 0提问于2019-06-20得票数 21
回答已采纳
如果输入一个字符并移除焦点，Textfield就会中断。我猜我的代码中所显示的掩码问题
import { TextField } from "@material-ui/core";
import { IMaskMixin } from "react-imask";
import { useForm } from "react-hook-form";
const IMaskPhoneInput = IMaskMixin(({ ...props }) => {
return <TextField {...props} /&
浏览 3提问于2021-04-27得票数 0
3回答
我想做的事：
我想隐藏一个元素或图像后，设定的时间(例如，3秒)。不幸的是，如果我使用.hide(3000)方法，它会产生“收缩”效应。如果我使用.fadeOut(3000)方法，它当然会逐渐消失。我只想显示元素3秒(没有任何效果或顺利过渡)，在这3秒后，它应该立即消失。
HTML:
<button class="buttonHide">Hide</button>
<img id="loadinggif" src="http://hosting-nation.ca/templates/hn1/images/loading.g
浏览 2提问于2014-05-08得票数 0
回答已采纳
2回答
CSS动画干扰变换过渡
、、、
我想在类circle上应用一个悬停动画，在单击circle时，我想让它平滑地过渡到它想要的位置，但我不能让这个过渡工作。如果没有悬停动画，过渡效果会很好，但是一旦我添加了悬停动画，过渡就不再适用了。 下面是代码 <div class="doc">
<!-- TRANSITION NOT WORKING W/ HOVER ANIMATION -->
<div id="mainContainer" class="container">
<div id="circle" class
浏览 26提问于2020-06-25得票数 0
回答已采纳
我希望在标记复选框时使用引导折叠来显示元素。
这是我的密码：
<input type="checkbox" data-toggle="collapse" data-target="#collapseExample" />
<div class="collapse" id="collapseExample">
<div class="well">
Checked!
</div>
</div>
我认为这与塌陷过渡有关，但也消除
浏览 1提问于2016-02-15得票数 2
6回答
我有个问题。当我将鼠标悬停在对象上时，我实际上会尝试在div处进行过渡。所以基本上我有一个div，当我将鼠标悬停在div上时，它应该在它的顶部显示另一个div，但是它应该是过渡的，所以悬停效果会更平滑。
如果我有这两个div，怎么可能呢？
<div id="first">
<div id="on-hover">
<img src="example-image.png" />
</div>
</div>
浏览 5提问于2013-04-01得票数 0
回答已采纳
我使用资料UI textField标签，我想移除文字栏位的标签，但当我移除或设置为null的标签时，它就不工作了，而且我错过了该标签的边框顶部。
<Box
component="form"
sx={{
"& .MuiTextField-root": {
m: 0.2,
width: "100%",
marginBottom: "30px",
浏览 11提问于2022-02-27得票数 0
1回答
我在包含一些形式元素的div上使用jQueryUI的效果函数，比如下拉列表。然而，过渡都不见了。当显示/隐藏div时，无论所选择的效果如何，过渡都是突然的。然而，它在其他div上工作！
jQuery:
$('h2').click(function() {
var options = {};
$("#writereview_optional").toggle('blind', options, 500);
});
HTML:
<div id="writereview_optional">
//fo
浏览 0提问于2011-07-18得票数 0
有没有一种方法可以让刚刚添加到窗口或从窗口中删除的div的CSS3过渡/动画，或者只是分配了它的样式？一种情况是选项卡控件，当单击选项卡头时，内容会有过渡；这通常是通过为包含您想要显示的内容(没有过渡)的div分配不同的CSS样式来实现的：
tabs-content > div{display:none;}
tabs-content > div.active{display:block;}
我突然想到，大多数例子都是使用由: CSS3触发的悬停转换。
浏览 1提问于2011-06-08得票数 0
回答已采纳
1回答
如果一个表太大，而窗口太小，那么这个表就会超出div。
我在周围的div中用display:table !important;解决了这个问题，但它在IE6和7中不起作用，因为他们不知道。我如何在IE6 & 7中解决这个问题？
请参阅JSFiddle示例：
浏览 3提问于2011-04-04得票数 0
回答已采纳
1回答
我有点纠结于我的代码在粘性标题上。
如果头部达到770px点，它将会收缩。但是，当我尝试在浏览器上测试时，这会给我带来一些问题。尝试在全尺寸浏览器(>770)中加载页面并将其缩小到(<770)，然后滚动，它会给我留下一个空间。
有什么方法可以消除它吗？
如果您以小尺寸(<770)打开并在滚动时放大(>770)，则内容将被标题栏覆盖。
我如何修改我的脚本，当我停止时缩小，当我向下滚动时，它再次向下。(比如facebook的应用程序状态栏)
我的HTML
<div id="head"></div>
<div id="co
浏览 0提问于2014-03-28得票数 0
下面给出的css只有在我用"onclick- div“类关闭我的div时才起作用，但当我点击按钮时看不到过渡效果，也就是说，当我想用"set- transition”类将div的宽度从col-12减少到col-9时，我看不到过渡效果。 我的Html： <div class="container">
<div class="col-12 set-transition" [ngClass]="{'col-md-9' : dropDownVar === 2}">
<button
浏览 24提问于2019-01-23得票数 0
1回答
我有这个HTML
<div class="parent">
<div class="child one">child</div>
<div class="child two">This is some longer content sdsds ds dssdsdsd sds dsdsdsdsdsd sd sd sds sdsdsdsds sdsdsd
sd sd sd sd sdsdsdsdsds sdsdsdsd sds dsdsdsds
浏览 3提问于2021-10-08得票数 1
回答已采纳
我在这儿撞墙了，希望有人能帮忙。
我有一个带有黑色背景的容器div，我需要动态地“收缩”以适应其中的内容。我尝试过显示:内联块和其他几种常见的修复方法，但都没有效果。
里面的内容是大量的div框，它们都是齐平的:左。此数量的框可以在每次加载页面时动态更改。
这是我的css：
#blackboard {
background-color: black;
padding: 2px;
max-width: 580px;
display: inline-block;
}
.box {
height: 40px;
width: 34px;
bor
浏览 4提问于2015-10-03得票数 8
1回答
因此，当单击链接时，我尝试显示一个带有切换过渡的div。
我的代码：
$("nav ul li#about a").click(function (e) {
$("div#about").slideToggle(200);
e.preventDefault();
});
它的效果很好，但我想要这个效果：向下滚动，找到“其他属性的过渡”。
我希望你们能帮助我:)
浏览 0提问于2012-10-20得票数 0
我需要在内联块div元素中显示一个表。
无论是块div元素还是内联块div元素的子元素，Chrome、、Safari和Opera都会呈现相同的表，这正是我所期望的。示例：
另一方面，当包含div的display属性是内联块时，Firefox会缩小表。示例：
JSFiddle：
标记：
table {
table-layout: fixed;
}
td {
background: red;
width: 33%;
}
<div>
<table>
<tbody>
<
浏览 1提问于2013-11-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
