浮动元素从display:table容器中的下一个块元素“窃取”宽度
是指当一个display:table容器中的块级元素设置了浮动属性后，它会从下一个块级元素中"窃取"宽度，导致下一个块级元素的宽度减少。
这种现象是由于浮动元素脱离了正常的文档流，而display:table容器默认会将其内部的块级元素进行自动填充，使它们平分容器的宽度。然而，当浮动元素存在时，它会占据一定的空间，导致下一个块级元素的宽度减少。
这种情况下，可以通过以下几种方式解决：
- 清除浮动：在display:table容器的末尾添加一个空的块级元素，并为其设置clear:both属性，以清除浮动，恢复下一个块级元素的正常宽度。
- 使用overflow:auto属性：将display:table容器的overflow属性设置为auto，可以触发BFC（块级格式化上下文），从而避免浮动元素"窃取"宽度。
- 使用伪元素清除浮动：在display:table容器的样式中，使用::after伪元素，并为其设置clear:both属性，以清除浮动。
- 使用flex布局：将display:table容器的display属性设置为flex，使用flex布局可以更好地控制元素的宽度和布局。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供弹性计算能力，满足各类业务需求。产品介绍链接
- 云数据库 MySQL 版（CDB）：提供高性能、可扩展的关系型数据库服务。产品介绍链接
- 云原生容器服务（TKE）：基于Kubernetes的容器管理服务，简化容器化应用的部署和管理。产品介绍链接
- 人工智能机器学习平台（AI Lab）：提供丰富的人工智能开发工具和服务，帮助开发者构建智能化应用。产品介绍链接
- 物联网开发平台（IoT Explorer）：提供全面的物联网解决方案，支持设备接入、数据管理和应用开发。产品介绍链接
- 移动推送服务（信鸽）：提供稳定可靠的移动推送服务，帮助开发者实现消息推送功能。产品介绍链接
- 云存储（COS）：提供安全可靠的对象存储服务，适用于各类数据存储需求。产品介绍链接
- 区块链服务（BCS）：提供一站式区块链解决方案，帮助企业快速搭建和部署区块链应用。产品介绍链接
- 腾讯会议：提供高清流畅的在线会议服务，支持多人视频通话和屏幕共享。产品介绍链接
以上是腾讯云提供的一些相关产品，可以根据具体需求选择适合的产品来解决问题。
相关·内容
2回答
如果前一个同级项设置为宽度为100%的float，而后面的同级项设置为display: flex，则后者会溢出父容器，而不是换行到新行。
对于除flex (或grid)以外的任何其他display值，它都应该进行包装，所以当设置为flex时，它为什么不会进行包装
.float-left {
float: left;
width: 100%;
}
.display-flex {
display: flex;
background: yellow;
}
/* Demo css */
.container {
max-width: 80%;
margin: aut
浏览 0提问于2017-08-29得票数 6
我有两个问题。
1)导航链接中的文本是否以block为中心，因为我将这些链接(a标记)的显示属性的值设置为p，而现在它基本上与我在p元素中对文本进行居中一样？
2)我也将i元素(字体出色的图标)的显示属性设置为block，那么为什么这些元素也是以这些元素为中心的呢？如果将i元素上的display属性更改为table，则这些图标不会居中。在这种情况下，block值的行为不应该与table相同吗？据我所知，我只能使用text-align对齐内联和内联块元素。那为什么要这么做？
<!DOCTYPE html>
<html>
<head>
浏览 2提问于2016-03-08得票数 0
回答已采纳
3回答
<div style="padding: 40px;background-color: skyblue">
<div style="display: inline-block; text-align: left">
<h2>Given Way</h2>
<p>
Cupcake ipsum dolor sit amet liquorice chocolate. Danish gingerbread chu
浏览 22提问于2019-10-16得票数 0
1回答
CSS标题图像“堆叠”
、、、、
我的网站出现这个问题已经有一段时间了，所以我一直在用图片制作一个标题，当我将鼠标悬停在它上面时，它会改变图片，但当我完成“主页”、“新闻”、“登录”、“注册”和“联系人”之后，我注意到，它并不是彼此相邻，而是堆叠在一起，就像这样：
CSS编码：#menubar {宽度: 50%；边距:0自动0自动；}
.home {
display: block;
width: 240px;
height: 100px;
background: url('IMG/Heading_Normal_and_Hover.png');
backgroun
浏览 1提问于2013-12-09得票数 0
1回答
我读到Safari 6部分支持flexbox，但我不确定缺少什么。
我的目标是创建一个网格，它有固定的边列与液体柱混合的可能性。
例如：
| 256px fixed width | this column has width:100% and spans rest of space |
这是一个在最新的稳定Chrome，FF，Opera，IE10中工作的例子。不幸的是，这在Safari 6中失败了，尽管它似乎完全忽略了柔性盒的东西。
我是否可以对css进行一些调整以使其正常工作，或者是一个替代方案？
演示/代码： (< 767 is，它将堆栈，如果没有flex，液体和固定柱混合时是无法
浏览 0提问于2013-09-06得票数 0
回答已采纳
嘿，所以我有这个：
#header
{
width: 90%;
height: auto;
margin: 0 auto 3% auto;
border-bottom: 1px solid black;
}
#header p, h1
{
display: inline;
}
#header p
{
font-style: italic;
}
h1
{
width: 40%;
border-right: 2px solid black
浏览 3提问于2013-06-04得票数 0
回答已采纳
3回答
我见过div标记在其子divs使用float属性时使用clearfix类。clearfix类如下所示：
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
.clearfix {
display: block;
}
我发现如果在使用bottom-border属性时不使用clearfix，边框将显示在子divs的上方。
浏览 3提问于2012-03-03得票数 86
回答已采纳
3回答
我试图做一件非常简单的事情，让一个容器排到另一个容器的右边。出于某种原因我真的很挣扎。
我做了一个非常基本的小提琴来展示我想做的事情。
我试过添加
display: inline;
float: right;
至
.top_post_out {
border: solid 1px #C0C0C0;
border-radius: 8px;
width: 30%;
margin-right: 25px;
padding-top: 25px;
}
以及使它inline-block和许多其他事情，但它没有排队。
我做错了什么？
浏览 3提问于2015-08-09得票数 0
回答已采纳
<div style="float: left"; class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
<a style="float: right"; href="https://twitter.com/share" class="twitter-share-but
浏览 0提问于2012-06-07得票数 0
回答已采纳
1回答
HTML：
<!DOCTYPE html>
<html>
<head>
<title>Culminating</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
浏览 1提问于2014-01-18得票数 1
回答已采纳
2回答
在IE8中，我有一个带有3个子表的父div。我希望表彼此相邻，并且父div在x轴上有溢出，这样用户就可以在父div上滚动以查看下一个表。HTML：
<div id="q_box">'
<table>
<tr>
<td>Title</td>
</tr>
<tr>
<td>data</td>
</tr>
<tr&g
浏览 1提问于2013-09-20得票数 1
回答已采纳
我觉得CSS比C++更难，更让人困惑，所以我有几个问题。
考虑下面的html正文
<div id="mydiv1">12345~~~~~~~~/</div><div id="mydiv2">+_______67890</div>
和CSS
#mydiv1 {
float: left;
background-color: red;
margin-right: -30px;
}
#mydiv2 {
float: left;
background-color: blue;
}
它
浏览 0提问于2013-03-14得票数 2
回答已采纳
在处理布局时，我决定尝试将主列的基于浮动的布局与子元素的基于表的布局相结合。因此，我的html/css标记是这样的：
HTML：
<div class="column">
<div class="sub-element"></div>
<div class="sub-element"></div>
</div>
<div class="column">
<div class="sub-element"&
浏览 0提问于2013-02-19得票数 11
回答已采纳
嗨，我希望设置一个居中的页脚，使用列表项目，在每个列表项目内无组织的列表。如果我尝试使用float:left，我会让它们彼此内联，但不再居中。我目前拥有的代码看起来像这样: css：
@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
}
#box1 {
margin:0 auto;
background-color:#00FF66;
}
#mainList {
list-style-type:none;
text-align:center;
display:inline;
}
.mainLI {
dis
浏览 6提问于2012-05-10得票数 0
当一个柔性盒放置在一个float: left旁边时，它会占用剩余的空间，而不会环绕浮动。
这是怎么发生的，为什么会发生？任何其他display都能做到这一点吗，或者它是柔性盒特有的？
.float {
float: left;
padding: 10px;
background: rgba(0,255,0,.1)
}
.regular-div {
padding: 10px;
background: rgba(0,0,255,.1);
}
.flexbox {
display: flex;
padding: 10px;
background: rgba(
浏览 3提问于2020-07-17得票数 1
回答已采纳
3回答
在我的标题，有一个汉堡包菜单，公司标志和用户图标。
如果我只把我的汉堡包菜单和我的用户图标，一切都是一排排，它的均数。但是如果我把公司的标志放进去，用户图标就会移动一点点，不再排在行里了。
有人知道我做错了什么吗?我怎样才能解决这个问题？我试着用垫子-顶部，毛边等等来移动它。但它并没有改变什么。就像被冷冻了一样。
$(document).on('click', function(e){
if(e.target.type == "checkbox")
return;
else{
var elem = $('#menuToggle&
浏览 7提问于2017-09-06得票数 0
回答已采纳
我使用库生成PDF，但不能使用大型表，因为库不支持它。因此，我将表更改为使用span标记，并使用display: table-cell & display: table-row对元素进行样式化。
问题是，仍然将这些跨度标记作为表(因为样式)来处理。
问题：是否有可供选择的css样式，无需使用display: table-cell和display: table-row，也无需使用表，就可以获得相同的外观和感觉？
这是我的代码：
HTML:
<span class="table">
<span class="tr">
浏览 1提问于2014-06-03得票数 4
回答已采纳
我创建了一个网页，其外观如下：
我使用css display:table来创建总体布局。我的意图是有3列，左为消息类型过滤器，中间为日期过滤器，右为应用过滤器复选框和刷新网格按钮。网格视图出现在表div下面的独立div中。
我的问题是，我没有能够得到“正确”的applyFilters div保持在屏幕的右边。妓院坚持在dataFilters div下显示。注意，这不能从屏幕抓取中看到，但是在dateFilters div的右边有很多可用空间。
有谁能告诉我如何纠正这个问题吗？
Aspx
<div id="layoutTable" style="displ
浏览 1提问于2013-01-22得票数 1
回答已采纳
我试图理解为什么下面的css中的.item-wrap只计算它的宽度*就好像.floatleft2不存在一样，但是.item-wrap包含的.items显然知道.floatleft2在那里。
我希望.containingbox“收缩包装”内容，但不希望.item将“过早”包装，即当仍然有额外的屏幕空间时。(见下文“工作”的修正)。
我已经找到了解决办法，但是在CSS中是什么规范导致了.floatleft2、.item-wrap和.item之间的交互，以至于.item-wrap宽度不足以包含所有的.item？
<body>
<h1>float:left
浏览 2提问于2014-02-27得票数 0
回答已采纳
我在flex容器中添加了clearfix hack，它包含了浮动flex项。它适用于Chrome (版本51.0.2704.84)和Firefox (版本47.0)，但不适用于Safari (版本9.1.1 (11601.6.17))。第三个项目将转到第二行，因为有足够的空间。我想知道这是否是一个bug，以及如何解决它。
* {
box-sizing: border-box;
}
#container {
display: flex;
flex-wrap: wrap;
width: 800px;
border: 1px solid #dcdcdc;
}
/* its m
浏览 4提问于2016-06-15得票数 2
2回答
CSS Float快把我逼疯了，有人能解释一下下面的情况吗？
如何重现:只需复制以下代码片段
为什么没有clear:both就不能工作？
<html>
<head>
<style type="text/css">
.thumbnail
{
float:left;
width:110px;
浏览 0提问于2011-11-01得票数 0
回答已采纳
1回答
我在div显示表上有3列页面校样。首先，这里是jsfiddle ，例如，我在左边放置了很多行的表格，当内容比容器更高时，容器展开了他的高度，但我希望容器保持与屏幕相同的高度，没有内容。css
html,body{
width: 100%;
height: 100%;
}
.row{
table-layout: fixed;
display: table;
height: 100%;
width: 100%;
浏览 0提问于2016-04-19得票数 0
4回答
这是我的CSS代码；
#wrap {
width:50em;
max-width: 94%;
margin: 0 auto;
background-color:#fff;
}
#head {
width:50em;
height:10em;
max-width: 100%;
margin: 0 auto;
text-align:center;
position: relative;
}
#css-table {
display: table;
margin: 1em auto;
浏览 0提问于2012-09-02得票数 24
回答已采纳
3回答
我只是在学习更多关于显示和浮动的知识，并注意到当我将一个浮点数应用到所有显示类型时，它们都表现得像一个显示:内联块。
这是一个没有浮子的小提琴：
这是一个左边的浮子：
CSS：
.first {
background-color: #435671;
}
.second {
background-color: #135671;
}
.third {
background-color: #935671;
}
.inlineblock {
display: inline-block;
}
.inline {
display: inline;
}
浏览 7提问于2016-03-01得票数 0
回答已采纳
4回答
我的CSS布局有问题，如下所示：
#wrapper {
width: 80%;
}
#content {
float: left;
background: #FFFF00;
height: 350px;
width: 70%;
display: inline;
}
#rightcolumn {
background: #EBE3CD;
height: 350px;
width: 30%;
height: 250px;
float: left;
}
#legendcolumn {
background: #FF00FF;
height: 100px;
w
浏览 3提问于2010-11-17得票数 0
回答已采纳
我想要做的类似于这里所做的
我仔细研究了CSS和html，试图弄清楚它们是如何以2 x 2的形式显示列表的。
我想出来的是，他们使用一个有序列表来组织它，然后使用dl元素对每个块的内容进行结构化。我设法创建了4个单独的块，但我不能让它们在一个2乘2的结构中。尽管设置了display属性，我似乎也不能使列表内联。
编辑:已将倾倒更改为孔洞
这里是我的css 的相关部分，你可以忽略它:/
有人能帮帮我吗？
浏览 0提问于2012-04-21得票数 2
回答已采纳
1回答
div中的垂直和水平中心化表
、、、、
你可能认为它是复制的，但我不这么认为，因为我说的是表而不是图像！
我试着用下面的代码在div中心设置一个水平和垂直的表。代码对图像很好，但当我把表格代替图像时，似乎无法看到表，然后将跨度设置为100%，显示在div的下方，而不是div的中心。
代码：
<style>
.wraptocenter {
display: table-cell;
text-align: center;
vertical-align: middle;
width:155px;
height: 160px;
background-color:#999;
浏览 0提问于2012-08-25得票数 0
回答已采纳
如何防止太大的子内容破坏我的响应布局在引导？
我在引导中得到了一个响应性的布局。
但是，我使用表来呈现表内容--这些表变得相当大。
<div class="span8">
text
<table class="table table-bordered">
<th> some</th>
<th> some</th>
<th> some</th>
浏览 5提问于2013-05-23得票数 1
回答已采纳
1回答
当元素被浮动时，不同的显示属性如何影响布局？或者，这些类之间有什么区别(如果有的话)：
div.foo {
display: block;
float: left;
}
div.foo2 {
display: inline;
float: left;
}
div.foo3 {
display: inline-block;
float: left;
}
编辑：
如果按照规范没有区别，那么某些过时版本的浏览器(啊哼，IE)会以不同的方式呈现它们吗？
浏览 7提问于2012-03-19得票数 3
回答已采纳
5回答
下面是演示
容器是id(div)，这意味着它从浏览器继承了一个display:block值，容器中的两个div是类。它们都有200px和300px，而主容器具有600px宽度，所以我认为当我将其中一个类向右浮动时，它应该只消耗整个容器中的300px，这意味着两个div应该适合容器内，而不是一个出现在另一个容器上。没有clear:both属性。
如果容器是id，有600 it，那么嵌套在其中的类(特别是当一个类向右浮动时，它们应该填充容器)。
简单地说，，，为什么绿色div类可以很好地适应容器，而却向右浮动呢？，我不明白这个问题。
代码: css
#content_canvas_containe
浏览 0提问于2013-11-28得票数 3
回答已采纳
3回答
我终于开始理解CSS中的浮动，但我被困在了一个部分。
我理解浮动一个元素会将它从文档的流中提取出来，所以在它之后的元素会呈现“下面”，因为它们是不可见的。
但是，如果将内联元素从文档流中取出，那么我很难理解为什么内联元素知道它周围的浮点和流？
浏览 1提问于2014-08-01得票数 8
2回答
防止复选框换行
、、、
我正在做一个复选框绘图程序，用户可以用复选框绘制图片。我需要禁用复选框上的自动换行，因为它们离开行的末尾，把方格弄乱了。例如，如果我试图绘制一个100*100的平方，会发生什么情况：
显然，这不是我想要的。当屏幕耗尽空间，从而出现水平滚动条时，如何禁用自动换行功能？
这是我的代码：
<!DOCTYPE html>
<html>
<head>
<style type = "text/css">
.drawcheck
{
display:inline-block;
vertical-align:top;
}
</sty
浏览 5提问于2013-08-22得票数 1
回答已采纳
1回答
我正在尝试创建一个布局，其中有一个侧边栏，如标题和简介，旁边有一个网格的卡片。但是，当我尝试使用float时，div的子元素的display:inline-block样式似乎引起了问题(当我对子元素使用display:block时，它是有效的)。任何可供选择的解决方案都将受到欢迎。
HTML
标题示例
Descrition of different things on different subjects.
<div class="sidebar">
<h1>
Title Example
</h1>
浏览 0提问于2016-08-27得票数 0
我试图在一个文章元素中并排对齐一个p元素和一个图形元素。
我尝试直接选择图形，给它一个class属性，然后应用float，但它最终浮动在p元素的下面，而不是它的旁边，然后另一个图元素被向上移动到第一个图元素的位置。第一个数字元素似乎也超出了文章的范围。
我还尝试使用选择器来定位文章元素，但它没有被定位，我也不知道我做错了什么。
<div id="page">
<header>
<nav></nav>
</header>
<div id="content"&g
浏览 0提问于2019-05-18得票数 0
我想实现这个视图
但我有一个问题:上面写着"Munstycke...“不应该将换行符放在如此靠左的位置，它应该像规范中那样：
我的代码实现了前面提到的视图：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="css_js/styles.css" rel="stylesheet" type="text/css">
浏览 0提问于2012-03-23得票数 2
回答已采纳
.clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
// Fixes Opera/contenteditable bug:
// http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
line-height: 0;
}
&:after {
clear: both;
}
}
为什么不使用display:blockIn加法，为什
浏览 46提问于2013-02-20得票数 61
回答已采纳
4回答
我有以下代码：
<div class="parent">
<ul class="menu">
<li>this</li>
<li>width</li>
<li>is</li>
<li>dynamic.</li>
</ul>
<div class="something">
<span>so
浏览 6提问于2014-01-21得票数 8
回答已采纳
<td valign="center" colspan="2">
<a href="" class="table_desc" >
<span class="desc_info_butt"></span>
</a>
text here
</td>
.desc_info_butt{
background:url(Description_Button.png) top left no
浏览 0提问于2010-04-09得票数 0
回答已采纳
我在我的header.php文件中有这段代码，文本"ALIGN_THIS_TEXT_ON_RIGHT“显示在右手边，但它水平低于徽标和描述，因为我希望它浮动在右手边，所以文本的顶部从徽标的顶部开始。
<hgroup>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name'
浏览 1提问于2013-11-29得票数 1
回答已采纳
3回答
我想要几个内容并排的div，比如
D1 D2 D3 D4 D5
D2包含一个表单。如果没有表单，它就能工作(使用display:inline之类的)。在生成的HTML中不应该有换行，因为这是一个页面标题。
我怎样才能做到这一点？
更新这里是实际代码
<div id="sep">
<img alt="separator" src="underline.jpg">
<div id="block-search-0" class="block block-search">
浏览 3提问于2010-02-17得票数 1
回答已采纳
在对inline-flex元素应用清空修复时，我有一个奇怪的行为。当我将清除设置为具有inline-flex显示属性的元素时，它前面会出现奇怪的空白：
但是，当使用inline-block时，行为是不同的：
我不明白为什么inline-flex和inline-block有不同的行为。为什么它有那么奇怪的空间。
.a,
.b {
border: 1px solid red;
}
.a {
text-align: center;
}
.b {
display: inline-flex;
height: 20px;
width: 20px;
}
.cf:b
浏览 4提问于2016-08-10得票数 8
回答已采纳
2回答
我正在创建一个播放列表显示从我们的YouTube视频。我以为我有这方面的工作，但我有一些问题，它如何显示。请参阅下面的代码。
如果我使用display: block，段落就像我想要的那样在视频旁边，但是我不能在视频之后添加任何填充，这样视频就不会在一起了。当我使用display: inline-block时，我可以控制底部的填充，但随后一些视频将显示在彼此旁边。
我的CSS中遗漏了什么？
$(document).ready(function() {
$.ajax({
type: "GET",
url: "http:
浏览 4提问于2015-04-15得票数 0
回答已采纳
我正在尝试理解flex属性。
为什么我们将float和display: inline-block应用于嵌套在容器中的元素，而使用display: flex，我们定义容器本身？其中的元素怎么可能是display:block的，并且仍然位于同一行？
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
}
@media (max-width: 600px) {
.flex {
flex-direction: column;
}
}
#aa
浏览 0提问于2017-07-13得票数 5
除了标题中提到的问题，我还想知道display:inline和clear:none的区别是什么？
编辑:我有预感这个问题会不受欢迎。让我详细解释一下。
这两种方法似乎都涉及到将元素放到自己的行中。"display: inline“使元素内联，这让我觉得它非常类似于"clear:none”的行为，它允许元素在你旁边浮动。
相反，如果你想让你的div，也许是本例中的一个脚注，独立存在，那么你可以说“：both”，这表示没有任何东西可以在你旁边浮动。
但是这个行为看起来非常类似于"display:block“。
因此，我的问题是，它们在行为或预期使用方面有何不同？
我确信现在
浏览 6提问于2015-08-29得票数 0
2回答
示例：
为什么每当我添加填充时，表div就会从它的容器中出来？
有没有解决这个问题的办法？
<style>
.foroContainer {
width: 700px;
margin-left: auto;
margin-right: auto;
background: yellow;
}
.foroContainer .table{
display: table;
width: 100%;
padding: 8px;
border: 1px solid #a9a9a9;
margin-bottom: 1
浏览 8提问于2012-06-08得票数 5
2回答
请参阅这个“小提琴”：
有什么明显的东西吗?这个CSS揭示了我如何使图表显示在数据表的右边而不是它下面？或者图表位置是否由Javascript控制？你能提供一个解决方案吗？我尝试了各种CSS方法将图表从数据表中分离出来，但没有成功。
这张图表确实显示在我的浏览器中，但我无法让它在摇铃中工作。
(P.S. Javascript就在上面的小提琴曲里--相当长)
下面是HTML：
<!DOCTYPE html>
<head>
<script type="text/javascript" src="//www.google.com/js
浏览 3提问于2013-04-05得票数 0
回答已采纳
但是，当我应用float时，我尝试将div浮动放在右边:向右，并使页面大小随着浏览器而变小，div位于前一个div之下。
HTML
<div id="container">
<div id="navbar-container">
<div id="mainlogo">
</div>
<div id="sublogo">
This is a subtitle test
</div>
<div id=
浏览 1提问于2016-01-24得票数 0
回答已采纳
我有一张图片--从天平到屏幕大小。我试图得到一个左，右，关闭按钮，以保持图像，但我只能让他们停留在屏幕的边缘。
#full_image ul{
margin:0;
padding:0;
list-style:none;
width:100%;
white-space: nowrap;
overflow:hidden;
}
#full_image li{
display:block;
margin:0;
padding:0;
}
#full_image li a {display:block}
#full_image ul li img{ margin:0
浏览 3提问于2013-09-03得票数 0
回答已采纳
4回答
我是一个设计新手，所以有一些问题…
我需要3个区块内联并居中，所以我试着：
#main .block{
display: inline-block;
border: 1px solid #ECEDE8;
margin: 10px 10px;
overflow: hidden;
height: 265px;
width: 265px;
}
但是，当我将一个图像添加到块中时，所有其他图像都会关闭。
附注：
据我所知，这个问题在safari中，在Firefox中都没问题。
P.S.S
<div id="main">
浏览 0提问于2012-06-14得票数 5
3回答
现在我希望文本"(även uppfinnare)“显示在顶行。现在执行此操作的HTML是
<div class="data-box">
<div class="personName"><strong>
3. Kee Marcello
</strong></div>
<div class="otherDetails">(äve
浏览 1提问于2012-04-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
