在Gmail中控制Mobile上的内联块元素大小
，可以通过使用CSS的媒体查询和响应式设计来实现。媒体查询是一种CSS技术，可以根据设备的特性（如屏幕宽度、设备类型等）来应用不同的样式。
首先，需要在HTML文档的<head>标签中添加以下代码，以指定视口的宽度和缩放选项：
<meta name="viewport" content="width=device-width, initial-scale=1.0">然后，在CSS样式表中使用媒体查询来针对移动设备设置不同的样式。例如，如果要控制内联块元素的大小，可以使用以下代码：
@media only screen and (max-width: 600px) {
.inline-block {
width: 100%;
/* 设置内联块元素在移动设备上的宽度为100% */
}
}在上述代码中，@media表示媒体查询的开始，only screen表示仅适用于屏幕设备，max-width: 600px表示当屏幕宽度小于等于600像素时应用该样式。.inline-block是一个自定义的类选择器，可以根据实际情况进行修改。
通过以上代码，当在移动设备上浏览邮件时，内联块元素的宽度将自动调整为100%。
对于Gmail中控制Mobile上的内联块元素大小，腾讯云提供了一系列适用于移动开发的产品和服务。其中，推荐使用腾讯云移动应用开发平台（https://cloud.tencent.com/product/mapp）来构建移动应用程序。该平台提供了丰富的开发工具和资源，可以帮助开发者快速构建高质量的移动应用，并且与腾讯云的其他产品和服务无缝集成，实现更多功能和扩展性。
请注意，以上答案仅供参考，具体的实现方法和推荐产品可能因个人需求和实际情况而有所不同。
相关·内容
6回答
Gmail CSS样式
、、、、
我在Gmail上遇到了一些CSS问题。我的超文本标记语言电子邮件反应灵敏，在iPhone上工作很好，但当发送到Gmail时，它会显示"mobile_toolbar“和"full_toolbar”。我需要摆脱移动工具栏，这样电子邮件的格式才能正确适用于Gmail桌面。
我已经尝试过使用display:none！重要的是它不起作用。
谢谢!
CSS：
<style type="text/css">
.ReadMsgBody {width: 100%; background-color: #ffffff;}
.ExternalClass {width: 1
浏览 1提问于2013-10-25得票数 2
2回答
这是下面代码的错误对齐输出。
.recipes-mobile-menu {
display:block;
width:350px;
margin: 0 0 0 12px;
}
.recipes-mobile-menu a:link, .recipes-mobile-menu a:visited, .recipes-mobile-menu a:active {
display:inline-block;
background: #002b76;
width:19%;
height:80px;
text-align:cen
浏览 1提问于2014-08-26得票数 2
回答已采纳
我工作正常，但通过验证器(valdator.w3.org)执行代码会产生一个错误
错误:在此上下文中，元素p不允许作为元素span的子元素。(抑制此子树中的进一步错误。)
<!-- mobile button -->
<a class="btn btn-warning lg hidden-sm hidden-md hidden-lg" role="button" href="http://www.website.com">
<span>
<i class="fa
浏览 0提问于2017-03-09得票数 2
2回答
媒体屏幕-居中按钮
、、、、
如何使按钮仅在媒体屏幕上居中？
目前我有
@media screen and (min-width: 600px) {
.mobile-break1 { text-align:center; }
}
<span class="mobile-break1"><button>Book Online</button></span>
它不会使按钮在媒体屏幕或其他位置居中。我觉得我显然做错了什么，但我不知道为什么。
浏览 0提问于2019-01-05得票数 0
1回答
我在2019年的一个移动浏览器项目中使用了<video>标签。我记得当<video>标签播放时会覆盖弹出导航抽屉，因为video标签默认级别在移动网站上是非常大的。
但是，当我今天使用video标记时，我发现它不再涵盖其他元素。而在z-index标记上设置video属性将不会生效。
我不确定video标记默认级别是否已更改，或者是否存在错误。我搜索了很多文章，但是找不到“视频标签默认级别已经改变”的相关信息。
ps：
这是2019年的代码：
<div class="video-area" :style="{ 'height'
浏览 4提问于2022-03-01得票数 0
回答已采纳
1回答
移动和桌面之间的电子邮件布局不同
、、、、
我在创建html电子邮件时遇到了一个小问题。我有两个布局:一个用于桌面(和平板电脑)，另一个用于移动。问题是，从图像到文本，这些布局在很多方面都是不同的。为了做到这一点，我必须创建两个表，并且在每个桌面上应该可见的表中，我为Mobile添加了一个类" Desktop“和相同的类(为Mobile添加了"display: none;”用于Mobile)。然后我添加了这个CSS：
<style>
@media all and (max-width: 767px){
table.Desktop{ display: none;vertical-align:top;li
浏览 6提问于2014-07-22得票数 1
2回答
我制作了发送html电子邮件消息给用户的脚本。然而，在Gmail中，我似乎无法让字体颜色正常工作。它适用于第一条消息，但会话中的下一条消息都显示为紫色。
只有当我使用file_get_Contents()从.txt文件中获取字符串时，才会发生这种情况。如果我在类中用字符串填充变量，或者直接输入消息，而不是使用变量，gmail通常会显示html。我没有发现其他网络邮件或邮件客户端有任何问题。对于邮件的实际发送，我尝试了和常规的mail()函数。
$message = "<html><body><font face='Georgia, Time
浏览 0提问于2012-05-29得票数 2
回答已采纳
我喜欢jquery mobile呈现表单的方式，是否可以将jquery-mobile-form嵌入到我网页中的表、div或任何容器中?需要说明的是:我有一个html5网页，布局是由div和css完成的，可以在其中一个div中包含jquery-mobile-form吗？
我已经尝试过这样做，但是jquery-mobile-form总是占据页面的100%，我想在一个特定的高/ div容器中使用表单，这是可能的吗？
谢谢!
浏览 1提问于2011-07-03得票数 0
1回答
如何防止文本增加div的宽度
、、、、
如果我有一个div和一个包含文本的跨度，如下所示
<div>
<span> some text </span>
</div>
我发现，如果我增加跨度中的文本数量，那么div的宽度最终也会增加，以适应所需的增加的空间；如何使div保持相同的宽度？我知道我可以在它上设置一个width css属性来保持它的静态，但是有没有一种更干净的方法可以不使用width来完成它呢？
浏览 4提问于2022-08-10得票数 -2
4回答
HTML响应电子邮件
、、、
在大多数浏览器中，使用石蕊来回复电子邮件显示出了巨大的效果，然而，邮件中的一些对象正在使用Display:none !important;，并且仍然在雅虎/ Gmail中完全显示，部分显示在outlook 2013中。
最新资料:提供例子-
使用样式代码如下所示
基本造型
.mobile {显示:无；字体大小: 0；最大高度: 0；线高:0；mso-隐藏:all；}
@媒体
tableclass=mobile {显示:块！重要；线高:1.5%！重要；最大高度:无！重要；字体大小:12 max！重要；}
`<table class="mobile"
浏览 2提问于2014-05-15得票数 0
回答已采纳
我想打印一个超文本标记语言页面，并对我得到的打印布局有更多的控制，所以我首先将@page设置为一个特定的大小(在我的例子中是A4纵向)，现在我需要检查我的一些动态内容是否可以放入该页面中，或者我是否必须手动将其拆分成几个位置。
我遇到的主要问题是如何获得打印页的高度/宽度尺寸。
我尝试设置一个宽度和高度均为100%的div，并获得其高度，但得到的结果是错误的。为了便于测试，您可以使用 (这是一个打印到PDF的库，基本上只使用chrome打印并显示pdf)。
我总是得到600px的高度，无论我使用的是A3、A4还是A1，显然这是错误的。
这只需要在Chrome上工作。(我知道这很奇怪，但我需要一
浏览 16提问于2018-08-16得票数 2
.littlebox { margin:2px; padding:5px; width:100px; height:100px; border:1px solid #ccc; display:inline-block; }
.divrow { width:100%; height:120px; }
<div class="divrow">
<div class="littlebox">first</div>
<div class="littlebox">second</d
浏览 4提问于2014-04-06得票数 1
回答已采纳
我正在使用ColdFusion从零开始生成一个PDF表单。CF可以从HTML生成PDF。所以，我试图创建一个类似这样的表单.在标签1(实际上在冒号后面结束)和容器边缘(在本例中为body标记)之间的整个空格下面。我是否可以使用CSS边界属性来完成这个任务，或者是否可以通过定制的背景重复使用后台属性(这是我看到的另一种方法)？
|header pg|
| title |
| |
|lbl1:_val1___|
只是不确定解决这个问题的最佳方法，我想肯定有一种简单的方法.
最前端的人？)
编辑: JSFiddle在这里说明问题..。
谢谢,
泰勒
浏览 2提问于2014-05-02得票数 1
回答已采纳
1回答
邮件链接请转到下一个链接
、、、
我在邮件链接上有问题，
一旦我把它作为链接，它就会将电子邮件放在下一行，而不是与文本的其余部分保持一致。
#footer_design {
background-color: #000000;
height: 45px;
line-height: 45px;
float: right;
width: 70%;
vertical-align: top;
font-family: Arial;
font-weight: bold;
font-size: 16px;
color: #006633;
}
<div id="footer_design">
浏览 3提问于2014-03-19得票数 0
回答已采纳
2回答
为了好玩，我今天决定做一个滑动的架子。我让它看起来像我想要的那样工作，然后决定在卡片里放一些内容。
我在第一张卡片上添加了文本，它几乎向下移动到新的一行。我无法解释为什么会发生这种情况(虽然我确信有一个简单的解释)。你们谁能告诉我我错过了什么吗？
谢谢
function hideTrigger() {
leftTrig.removeAttribute("hidden");
rightTrig.removeAttribute("hidden");
switch (pos) {
case 0:
leftTrig.setAttrib
浏览 6提问于2017-08-11得票数 0
回答已采纳
3回答
我做了固定的电子邮件模板。但是当我试图在gmail中的移动设备上测试它时(它只发生在gmail中)，它破坏了我的布局(看起来它使我的布局与响应性电子邮件中的设备宽度相匹配)。有一条信息：“此消息已被修改以适合您的屏幕。点击这里显示原件”。水龙头后，它看起来很完美，没有任何缺陷。有什么方法可以防止这种情况，并在乞丐处显示原始电子邮件吗？
浏览 1提问于2015-06-10得票数 2
回答已采纳
2回答
如何为所有标签设置标签宽度？
CSS：
label {
width: 180px;
}
HTML：
<label for = "customerName">Name:</label><input type = "text" name = "customerName" required><br>
但标签是“名字：”长度。我预计标签会宽180便士。不管css代码是否存在，宽度都是相同的。
浏览 0提问于2017-02-28得票数 0
回答已采纳
3回答
CSS - "p“标签背景不包装
、、、、
这是一个简单的CSS问题，但我还不知道。我有几个带有背景色的p标签，我的问题是背景延伸到每个标签的屏幕的100%，我只想包装单词，创造出臀部或块的效果。我不明白为什么p背景会变宽。
小提琴：
<div class="process_wrapper_mobile">
<div class="inter_mobile_process">
<p>Interview</p>
</div>
<div class="inter_mobile_process">
浏览 3提问于2014-11-11得票数 0
回答已采纳
3回答
移动按钮动态填充/高度问题
、、、、
由于某些原因，如果值不是固定的，而是动态的，button元素与具有相同值的其他元素相比，有额外的“填充”或“高度”。
我已经用Chrome和Safari在iOS上验证了这个问题，我的一个朋友也在安卓上的Chrome上验证了这个问题。
A.填充物固定值
span, button {
padding: 16px;
}
右边的button的高度是1px更多，但根据控制台日志，这两个元素在其他方面是相等的，这似乎是实际情况。
这是。
B.填充的动态值
span, button {
padding: calc(var(--gap) / 2);
}
@media screen and
浏览 2提问于2019-08-13得票数 6
回答已采纳
1回答
从图像中可以看到，元素不是展开的，而是忽略了元素的填充。
代码结构是
<nav class="main-nav">
<ul class="main-nav__items">
<li class="main-nav__item">
<a href="">Packages</a>
</li>
<li class=
浏览 1提问于2021-03-19得票数 0
回答已采纳
2回答
今天遇到了一些很奇怪的事情，我想不出原因。
对于此HTML：
<div class="a"><div class="b"></div></div>
和CSS：
.a {
background: blue;
}
.b {
display:inline-block;
height: 30px;
width: 30px;
background: red;
}
我希望外部的"a“div与包含"b”所需的高度一样高，30px高。但是当渲染时，"a“的高度是35
浏览 1提问于2014-01-04得票数 3
1回答
我正在尝试在我正在使用的页面中创建一个带有标题的图像。在图像选项中，我让它对齐，图像宽度为220。在没有标题的情况下，我没有问题，但是在添加标题时，它添加了一个div包装器，其内联样式宽度为230 it。解决这一问题的唯一方法是将图像选项中的宽度手动设置为210 to，然后使内联宽度为220 to (它只是将10 to添加到值中)。
如何防止将这个额外的10 to添加到内联样式宽度中？
浏览 0提问于2011-04-08得票数 2
1回答
当我以全尺寸查看我的网页时，它会像左边的图片一样显示出来。当我缩小窗口时，它将显示为正确的图像
@charset "utf-8";
/* CSS Document */
*{
margin: 0;
padding: 0;
max-height: 1200px;
}
body {
max-height: 1200px;
overflow-y: hidden;
color: rgba(88,88,88,0.92);
}
#bgimg{
width: 40%;
margin: 0;
padding: 0;
max-width: 864px;
}
浏览 5提问于2017-06-23得票数 0
回答已采纳
我在屏幕上同时有几个d3.js动画，每个动画都由CSS display: flex;和flex: nowrap;指令控制，问题(包装)动画和其他正确显示的动画(即非包装动画)之间唯一的区别是：
因为它有非svg头和文本输入元素，所以它包括锚定div或section元素。(据我所知，这些都是块级的，理论上占了整个可用的显示宽度，因此，在css文件中，设置display: inline;时被“重写”了。
溢出的svg路径元素，其长度现在已经被物理缩减，以匹配包含的svg:svg元素的限制。
令人沮丧的是，动画坚决拒绝受flex: nowrap;指令的管理。
问题：
是否有一种通用的
浏览 0提问于2014-08-14得票数 0
回答已采纳
我正在建立一个电子邮件，必须有隐藏在桌面上的图像，并在移动显示。唯一能做到这一点的方法是使用display none，这是gmail不支持的。
我想知道是否有其他方法可以在桌面版本中隐藏图像，以便我可以在移动版本中使用媒体查询来设置电子邮件的样式。
这个问题只存在于gmail中。
非常感谢
浏览 1提问于2013-03-05得票数 1
回答已采纳
我有这样的字符串
var data1 = "Cust_Id","Name","Mobile","Email","Last_time_Interface"
"1","Aruna","9980600155","Aruna@gmail.com","2013-01-21"
"1","Aruna","9980600155","Aruna@gmail.com","2013-02
浏览 4提问于2013-09-17得票数 1
以下CSS之间的基本区别是什么：
display:inline
还有这个：
display:block
在一个元素上单独使用它们，我得到了相同的结果。
浏览 3提问于2010-06-23得票数 137
回答已采纳
2回答
我正在为我的公司开发一个电子邮件模板。根据是手机还是浏览器，我正在尝试显示内容。
display属性似乎不适用于gmail，我不能在这里粘贴完整的代码。这是我使用的媒体查询。
@media only screen and (max-device-width: 380px) {
.mobileWidth {
width: 290px !important;
}
img {
max-width: 130px !important;
max-height: 130px !important;
}
.right {
浏览 0提问于2012-07-26得票数 1
在移动第一设计中，在使用媒体查询更改值之后，我们是否应该将其设置为父样式表上的原始值？还是会由浏览器来处理？
<div id="mobile">
<div class="box1">
<div class="box2">
...
</div>
样式表：
( default style for mobile goes here )
@media (min-width: 500px) {
.box1 {
float: right;
}
.box2 {
浏览 2提问于2015-07-19得票数 0
为什么它不允许在字段集中调整大小控制？
医生只说
调整大小不适用于下列情况：
内联元素
将溢出属性设置为可见的块元素。
fieldset {
resize: both;
overflow: hidden;
}
<fieldset>
<legend>Controls</legend>
<label>Input: </label><input type="number" value="20"/>
</fieldset>
我尝试在div中
浏览 1提问于2021-06-08得票数 1
2回答
因此，我有一个网页，使用CSS“文本阴影”作为效果。
如果我在Chrome中浏览网页，文本阴影效果就像我预期的那样。
但是如果我向我的gmail帐户发送一封HTML电子邮件并查看Gmail内部的页面(使用相同的浏览器)，那么文本阴影效应就消失了。
请看链接图片。左边的部分是在浏览页面时，右边的部分是在gmail中发送给我自己的相同的html内容。如你所见，阴影效应消失了。
图片：
这是使用的CSS：
<style type="text/css">
p { padding: 0; margin: 0; }
h1, h2, h3
浏览 5提问于2011-04-13得票数 4
回答已采纳
2回答
我在outlook电子邮件中遇到了一个非常独特的问题。按照所有建议，我已经将我的html列表转换为表格，类似于下面的代码：
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr style="font-size:13px;font-family:'Courier New',Courier,monospace;">
<td valign="top&#
浏览 18提问于2014-05-08得票数 0
在一个将容器元素设置为display: inline-block的下拉列表中，有一个标签(总是可见的，切换下拉覆盖)和叠加元素本身。我将覆盖容器设置为height: 0，并希望允许覆盖内容超过容器的高度，而不影响任何父元素。但是，我看到了一些奇怪的结果--覆盖容器导致下拉列表的父级也完全包含了覆盖内容！
在下面的HTML中，ib =内联块和h0 = height:0覆盖容器。查看jsfiddle演示，以查看它的行动。
<div>
Sort by this
<span id="ib">
<span>LABEL</span
浏览 0提问于2018-04-16得票数 0
回答已采纳
我有下面的代码，以打开一个产品标签时，在一个灯箱被点击。当在移动设备上查看它时，它会显示相同的图像，但是单击它就会在一个新的选项卡中打开标签。(lightbox响应能力强，因此在移动环境下图像太小)。
但是，由于某种原因，在移动视图上，标签占据了整个宽度，所以如果您单击它的右侧，它将在一个新的选项卡中打开图像。我不明白这是为什么，因为我把它的宽度设置为100 it。
<style>
#lightbox {
position: fixed;
/* keeps the lightbox window in the current viewport */
top:
浏览 1提问于2018-06-13得票数 1
回答已采纳
当你点击标签键时，它应该会显示虚线框，对于我的其他内容，如工具栏和链接，它工作得很好，但它不会显示在我的页脚或我的图像上(但标签在上面，只是不显示虚线框)。当我使用firefox时，它也可以！
我的html：
<footer>
<div class = "line">
<p>CALL US!</p>
<p>206-555-1212</p>
<a class"email" href="mailto:dawgpizzaseattle@gmail.
浏览 0提问于2013-10-24得票数 0
5回答
我尝试使用Bootstrap visible和hidden类创建仅在移动/桌面上可见的内容。我注意到这些类工作不正常(我注意到很多人都有这个问题，并以这种方式解决了这个问题)，所以我创建了一个移动样式表来设置要在移动上显示哪个div。
这是我目前的代码：
<div class="containerdiv hidden-sm hidden-xs visible-md visible-lg">
<div class="row">
<div class="col-xs-4 col-sm-4 col-md-4 col-l
浏览 9提问于2013-12-03得票数 30
回答已采纳
2回答
在我的应用程序中，我的标记可以是5到15个字符。由于这个原因，标签的宽度不同，但周围的div随着父级宽度的增加而增加，而不是内容。
我应该在CSS中放什么以使div宽度与其内容的宽度相适应？
提前感谢！
<div class="tag">
<a href="#">
<span class="content">Test album</span>
</a>
<a href="#" class="album">
浏览 7提问于2012-05-22得票数 1
回答已采纳
display: inline-block用于许多清除(、)，尽管这些文章都没有解释为什么它在其本身之后使元素变得清晰。为什么会这样呢？
我已经翻阅过规范，还没有找到任何关于这个问题的明确解释。
这个说明了存在问题的行为(在IE9中是一致的，以及Chrome和火狐的最新版本)：
<div style="display: inline-block;">
<div class="float"></div>
<div class="float"></div>
浏览 2提问于2013-11-12得票数 2
回答已采纳
2回答
我有一个小的信息div，并希望对齐右边的信息内容，即065 31 323 323，qadenza@gmail.com和qadenza323应该左对齐。我尝试了不同数量的空间和不间断的空间--但没有成功。
<div id="divInfo">
<div>Mobile - 065 31 323 323</div>
<div>Gmail - qadenza@gmail.com</div>
<div>Skype - qadenza323</div>
</div>
#divInfo{
浏览 5提问于2013-08-20得票数 0
回答已采纳
2回答
我正在尝试浏览网页上的数据，然后将其呈现在Excel中以便于阅读，并且数据每天都在变化(这是一个连夜编译的应用程序提要)。我正在使用VBA，使用MS HTML和MS Internet控件，使用
HTML
<SPAN id="elementname">THIS DATA I WANT</SPAN>
VBA
set ele=htmlDoc.getElementByID("elementname")
clsApplication.whatever=trim(ele.innerHTML)
这工作得很好，然而，当innerHTML像这样时，它不会返
浏览 2提问于2015-09-01得票数 2
我试着构建一个滑块，但是我试图使所有的li元素都在一行上。到目前为止，我用这把小提琴来显示我在做什么：
我的HTML：
<div class="carousel">
<ul style="width: 654px;" class="slides">
<li class="slide">
<div class="img-wrapper">
<img src="assets/i
浏览 0提问于2015-09-08得票数 0
回答已采纳
3回答
如何在图标旁边显示h4
、、、、
我使用字体太棒了，当我试图显示一个图标，然后是一个h4时，h4就会出现在下一行，不会停留在图标的右边。
这是我的代码：<div><i class="fa fa-mobile fa-3x"></i><h4>Telephone</h4></div>
如何使h4不出现在下面的行中？
浏览 3提问于2021-01-12得票数 0
回答已采纳
是否可以使用CSS自动控制行包装，以便在调整浏览器窗口的大小时发生下列情况：
当s1和s2都能适应div时，它们将保持在同一条线上。
如果没有包装，s2将下降到第二行，当它们都不能同时匹配时
当s2不再适合div时，它会包装。
HTML：
<body>
<div>
<span id="s1">Lorem ipsum dolor:</span>
<span id="s2">sit amet consectetur adipiscing eli&l
浏览 4提问于2013-10-26得票数 2
回答已采纳
Gmail在一封电子邮件中检测到网站URL asp.net并显示在这里看到的信息卡。有什么想法，如何控制这种显示或不自动显示？
📷
浏览 0提问于2016-01-27得票数 1
我想知道在CSS中是否有什么可以做的。基本上，我想用html/css在图像的RHS上重新创建文本，但目前我正在获取图像的LHS。
HTML：
<div id="banner">
<div id="text">
<p>This is an example of what I have</p>
</div>
</div>
CSS：
div#banner { background: green; width:300px; height:300px;}
div#tex
浏览 2提问于2010-03-27得票数 2
回答已采纳
我的页面上有一些链接。这些链接被边框包围，并且为它们设置了背景。它们基本上都在一个盒子里。
<!DOCTYPE html>
<style>
a {
background: #DDD;
border: #BBB;
padding:1px;
width: 20em; /*no effect*/
height: 2em; /*no effect*/
}
</style>
<a href="http://stackoverflow.com">1</a>
<a href=
浏览 0提问于2013-02-14得票数 0
回答已采纳
1回答
我想知道HTML文档中的内联元素在技术上是否需要块级父元素。例如，下面的HTML..。
<html>
<head>
</head>
<body>
<b>Some Text</b>
</body>
</html>
这是一个有效的HTML文档吗？或者必须将<b>和</b>标记封装在块级元素中才能被认为是有效的，比如<p>或<div>？(希望HTML4和HTML5的答案是一样的？)
许多人问了一个类似的问题:我
浏览 0提问于2018-04-12得票数 0
我有以下问题:我在包装器-div (.wrapper)中创建内联块元素(.wrapper)。如果. content -div中有内容，那么一切都很好。但是，如果我从. content -div中删除内容，则会在内联块div下面添加一个空格。
我不知道为什么会发生这种情况，也不知道如何正确解决这个问题。注意，在手动删除代码中的所有空格和换行后，问题仍然存在，但是将字体大小设置为0会有所帮助。
另外，设置垂直对齐:将顶部设置为..content div帮助。我不知道为什么。
修复它的最好方法是什么？这一切为什么要发生？
小提琴：
<p>Works fine:</p>
&l
浏览 0提问于2016-02-19得票数 5
我试图动画一个内容块(显示后5秒折叠)，这是工作的，但我有这个工件，在折叠转换后的display: none内容仍然影响布局，即使指定overflow: hidden。
代码如下(以及，因为我在SO代码运行程序中获得了错误)：
setTimeout(() => {
$('#container').addClass('closing')
}, 5 * 1000)
#container {
transition: all linear 0.5s;
margin-bottom: 0rem;
min-height: 4rem;
opacit
浏览 5提问于2017-10-11得票数 0
回答已采纳
投票按钮只有一个img标记、span标记和另一个img标记。当我在新的页面中尝试这些时，它们出现在同一行上。到底是什么CSS元素导致它们出现在不同的行上？
<img class="vote-up" width="40" height="25" title="This question is useful and clear (click again to undo)" alt="vote up" src="http://sstatic.net/so/img/vote-arrow-up.png"
浏览 0提问于2010-01-16得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
