如何使span的大小与其子对象大小相同？
要使span的大小与其子对象大小相同，可以使用CSS的display属性和float属性来实现。
- 首先，将span的display属性设置为"inline-block"，这样它会根据其内容自动调整宽度和高度。
span {
display: inline-block;
}- 然后，将span内的子对象设置为float属性为"left"，这样它们会浮动在span内部，并且span会根据子对象的大小自动调整自身大小。
span > * {
float: left;
}这样，span的大小就会与其子对象的大小相同了。
这种方法适用于需要将span作为容器来包裹一组子对象，并且希望span的大小能够根据子对象的大小自动调整的情况。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云主页：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
2回答
如何使span的大小与其子对象大小相同？
html、css
如何使其大小与其内容相同？ background-color: deeppink; line-height: 20px;<header>
<spansrc="C:\Users\David\Desktop\WebDevelopmentTest\images\NotWalla\logo.svg" alt="My news website"><&
浏览 3提问于2017-03-11得票数 1
1回答
Flutter -以其子元素的高度为参数的列
flutter、flutter-layout
是否可以垂直排列子对象，使父对象的大小与其子对象的大小相同？ 更具体地说，这是我想要做的： 让图标和文本垂直对齐，在它们之间留出较小的空间，并在固定高度的矩形内居中。我希望垂直容器的文本和图标的大小是根据它的孩子。类似于FlatButton.icon，只是垂直而不是水平。对于内部垂直容器，我找
浏览 24提问于2019-10-04得票数 0
回答已采纳
1回答
Twitter启动3-如何正确地用定制图标替换符号？
css、twitter-bootstrap、image-size
这是我的HTML： <li><a href="#"><span class="glyphiconspan> About</a></li>现在，Bootstrap 3使用的图标是一定大小的。我喜欢
浏览 3提问于2015-06-09得票数 4
回答已采纳
2回答
如何在IE中使<td>的大小与其内部内容一致？
html、css、html-table
如何使<td>的宽度和高度与其内部内容一致？>Login</SPAN></BUTTON></TD><T
浏览 0提问于2011-03-14得票数 3
3回答
CSS不会让孩子让父母变大
css、drop-down-menu
看看我正在处理的这个站点：，第一个菜单项有孩子。但是，正如您所看到的，子对象使父对象更大。如何防止父对象变大，同时使所有子对象的大小相同？
浏览 0提问于2012-01-26得票数 0
回答已采纳
3回答
使UIScrollView的子视图固定，而其他子视图可滚动
objective-c、ios、uiscrollview
我想使一个视图与三个子视图堆叠在一起，与中间的子视图滚动与其他固定。将根视图的内容大小设置为可滚动视图的大小，但这会使所有视图滚动.-set中间子视图的内容大小，不为根视图设置任何属性，但使所有视图不可滚动。提前感谢
浏览 2提问于2011-01-27得票数 10
回答已采纳
2回答
如何使UL的大小与其表亲相同？
html、css
我有这样的结构：#container { width: 100%;} width: 50%;other list <li>something</li> </section>
我希望两个ULs在不使用JS的情况下保持相同</em
浏览 3提问于2015-07-31得票数 1
回答已采纳
1回答
GWT -如何在ScrollPanel中居中显示内容
java、gwt、vertical-alignment、centering、alignment
ScrollPanel位于DockLayoutPanel的中心部分。我想在ScrollPanel中垂直和水平居中放置FormPanel。我尝试了几种方法，但都没有成功。我将滚动面板和水平面板都设置为100%的宽度和高度。但是，滚动面板会根据DockLayoutPanel的中心部分的大小自动调整大小，而水平面板的大小始终等于其子窗体面板的大小。所以我不能在horizontalPanel中居中表单面板，
浏览 2提问于2012-07-31得票数 3
1回答
居中JQuery/UI对象？
javascript、jquery、button、progress-bar、centering
我想让和在它们的父容器中水平居中。尝试添加样式margin: 0 auto 0 auto;似乎对我不起作用。要让父div使用它，父div的大小必须与其子div的大小相同。如何做到这一点？
浏览 0提问于2011-05-31得票数 0
4回答
使div与其内部的图像一起收缩。
html、css、responsive
图像通常占据div中的整个空间，div和图像具有相同的高度。除了当窗口被缩小，图像调整它的大小，所以它是响应的，但div保持相同的高度。如何使div始终具有与其内部的图像相同的大小？
浏览 6提问于2017-03-02得票数 1
回答已采纳
2回答
flash如何将scaleX事件向下传递给它的子级
flash、actionscript-3
有没有人能告诉我，或者让我读一读ScaleX/ScaleY事件是如何向下传播到display对象的子对象的？我想在某个时刻介入，并“重新缩放”刚刚与其父对象一起缩放的显示对象的一个子对象。我找不到任何触发的事件，而且ScaleX和宽度设置器似乎没有对子对象进行调用。我正在用FlashBuilder做一个ActionSc
浏览 2提问于2011-04-13得票数 1
回答已采纳
3回答
如何使父容器与其子容器的大小相同，而不提前知道该大小？
javascript、css
</div>
如果注入的广告是200x300，我想制作.sponsor 200x300。是否可以使用css，或者我是否需要一些javascript。
浏览 8提问于2022-10-26得票数 0
回答已采纳
1回答
将中心菜单与其内容对齐
html、css、menu、alignment、text-alignment
我试着用方框大小在菜单的div中水平居中显示文本。以下是中的代码。如何使主菜单与其子菜单居中显示框的大小？
在本例中，我使用table创建，但我的想法是使用ul和li或divs创建它。
浏览 2提问于2013-11-27得票数 0
1回答
当两个对象共享相同的地址时，如何处理？
c++、object、pointers
背景：我不太了解内存位置，也不知道零大小对象是如何工作的，也不知道如何操作它们。由于没有非静态数据成员的标准布局类类型的基类子对象具有零大小( )，所以我希望在下面的代码中，struct B有一个零大小的基类子对象。struct A{};int main(){A a; B b;}
a和b对象
浏览 4提问于2021-11-17得票数 0
回答已采纳
4回答
shrinkWrap属性在颤振中的作用是什么？
flutter
我无法理解shrinkWrap属性在ListView中的工作。我不明白的意思。
浏览 0提问于2019-01-02得票数 127
回答已采纳
1回答
在swift4中创建高度和宽度相同的棋盘
uikit、swift4、stackview
但是每次我发现一两行或两列视图与其他列和行(具有相同大小的视图)的大小不同。例如:-在此图像中，第2列和第6列以及第2行和第6行的大小为(67.67，67)，而其余视图的大小为(67，67)。如何使所有的视图具有完全相同的大小？
谢谢
浏览 0提问于2018-08-23得票数 1
2回答
当窗体大小改变时，如何自动缩放子控件的字体大小？
c#、.net、tablelayoutpanel
我使用TableLayoutPanel来包含控件，希望在调整窗体大小时自动调整这些控件的大小。我想知道当窗体本身调整大小时，如何使窗体的子控件“缩放”成与窗体成比例的大小？尽管TableLayoutPanel会自动调整所包含控件的大小，但这些控件保持相同的字体大小。
浏览 1提问于2013-01-15得票数 1
回答已采纳
1回答
Unity3D ScrollView动态宽度
c#、unity3d
因为这个动态子对象没有固定的大小，所以我希望将我的ScrollView调整到与子元素相同的宽度。换句话说: ScrollView 应该是它的子的宽度。我认为这是可能的，不需要编码，但我无法使它正常工作。
浏览 2提问于2019-02-18得票数 1
1回答
如何使按钮的图像大小与其他按钮相同？
python、tkinter、button
在这个简短的理解程序中，我有两个按钮，你可以在图像中看到，第一个按钮从顶部开始有一个回收站图像，第二个按钮是宽度= 4的普通按钮。在用ImageTk调整图像大小后，如何使第一个按钮与第二个按钮大小相同？如果我不设置宽度和高度，第一个按钮太小--就像图像的大小一样--甚至改变与第二个按钮匹配的宽度和高度值--如果我改变屏幕分辨率--它们不再是相同的大小。你能帮帮我吗
浏览 5提问于2022-11-13得票数 0
6回答
Primeng p-日历与父日历的大小相同
angular、primeng
我在一个表树中使用来自primeng的p日历。如何使p日历字段的大小与它所在的单元格的大小相同？或者更通用的--我怎样才能使它和父div一样大？你可以使用style和inputStyle让它在绝对宽度下工作--但是我的表格是可调整大小的--所以它在这种情况下不能工作。我在不同的地方尝试了推荐：
<p-calendar appendTo=&q
浏览 0提问于2018-09-30得票数 8
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
