CSS中两个div容器的交替换行符
在CSS中，可以使用display属性来控制两个div容器的布局方式。具体来说，可以使用display: inline;或display: inline-block;来实现两个div容器的交替换行符。
- display: inline; 使用display: inline;可以将两个div容器设置为行内元素，使它们在同一行显示，并在内容过长时自动换行。这种布局适用于需要在一行内显示多个容器的情况。
- display: inline-block; 使用display: inline-block;可以将两个div容器设置为行内块元素，使它们在同一行显示，并保留块元素的特性。这种布局适用于需要在一行内显示多个容器，并且希望能够设置宽度、高度、内外边距等样式属性的情况。
以下是两种布局方式的示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
width: 200px;
height: 100px;
margin-bottom: 10px;
}
.container1 {
background-color: red;
display: inline;
}
.container2 {
background-color: blue;
display: inline;
}
.container3 {
background-color: green;
display: inline-block;
width: 200px;
height: 100px;
margin-bottom: 10px;
}
.container4 {
background-color: yellow;
display: inline-block;
width: 200px;
height: 100px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<h2>display: inline;</h2>
<div class="container1">Container 1</div>
<div class="container2">Container 2</div>
<h2>display: inline-block;</h2>
<div class="container3">Container 3</div>
<div class="container4">Container 4</div>
</body>
</html>在上述示例中，我们创建了四个div容器，分别使用了display: inline;和display: inline-block;两种布局方式。你可以尝试运行代码并观察结果。
对于CSS中两个div容器的交替换行符，腾讯云并没有提供特定的产品或服务与之相关。然而，腾讯云的云服务器、云数据库、云存储等产品可以为开发者提供稳定可靠的云计算基础设施，以支持各种应用场景的开发和部署。你可以访问腾讯云官网（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务信息。
相关·内容
1回答
我正在尝试创建一个从右到左，然后从左到右动画标题的函数。
你可以在这里看到它的开始：
当页面加载时，它开始向右滑动标题，在左侧显示一个图像，然后返回，在右侧显示一个图像。我需要一遍又一遍地这样做。每次左边和右边的图像都需要改变。我有5个图像，我想循环通过的侧面图像。小企业金融论坛的图像应该在两个不断变化的侧面图像之间保持不变，只需从右向左移动，然后从左向右移动。
这是我到目前为止使用的代码。然而，10秒的jQuery延迟似乎不起作用，而且我不知道如何在动画完成时再次调用该函数。
jQuery：
$(document).ready(function(){
$(".header_r
浏览 6提问于2013-05-03得票数 2
回答已采纳
2回答
从div标记溢出的文本。
、、、
遇到来自div标记的文本溢出问题。我正在努力制作一个web应用程序，它将消除文本中的所有空格，我已经成功地完成了逻辑，代码运行良好。但是，问题在于design.The p标记，它包含在一个div标记中，将编辑的文本转发到其中。它显示文本，但溢出视图端口，并将滚动器带到它上。(当一行超过布局中断时，代码只对一行文本运行。)
我已经试过了：
尝试调整div标记的大小。尝试调整p标记的大小。试图更改用于空格编辑(针对ex 100字符).So的元素中的no，代码保留在一行中。(只适用于一行文本)。
let text1 = document.querySelector('input'
浏览 5提问于2022-04-10得票数 1
回答已采纳
我有一个页面的CSS样式的问题。基本上，我有一个div，它将用作一个对话框，在其中我想在两列中组织内容:第一列可以包含一个很长的元素列表，并且应该是可滚动的，第二列应该很小，并且位于固定的位置。因此，我不希望所有的对话框内容都是可滚动的，而只是其中的一半。我给你举了一个的例子，以防你需要尝试一下……代码是：
CSS
#container {
border: 1px solid black;
height: 200px;
}
#main {
display: table;
border: 1px dashed blue;
height: 200px;
}
#row{
浏览 0提问于2012-05-07得票数 1
回答已采纳
3回答
我是CSS的新手。我刚开始我的第一个网站，几乎完成了登陆页面。然而，有两个问题让我震惊，但我仍然不知道根本原因是什么。我已经创建了一个plukr链接。
水平滚动条正在出现，即使宽度设置为100%，左侧仍有一个间隙。
横幅下面的第三个框比其他两个更高，即使它们都共享相同的CSS类。
三个div框的代码：
<div class="container info-box clearfix">
<div class="col3">
<h3>Investment Planning
浏览 2提问于2014-07-02得票数 1
回答已采纳
我开发了一个应用程序，其中有两个带有滚动事件处理程序的div，我希望在使用z-index“切换”div时，能够在这两个处理程序之间连续滚动。
|---------- div 1 -----------| switch z-index |---------- div 2 -----------|
<------------------------- continuous scroll ---------------------------->
问题是，当z-index切换发生时，滚动事件仍然由第一个div处理，直到我停止滚动并重新启动。
可以使用z-index在div事件处理程序
浏览 0提问于2018-05-31得票数 4
1回答
我有两个div:一个父级和一个子级。用户可以通过单击按钮添加此div，并设置文本值。我想在边框内嵌块中显示这些dives (3个项目在1行，就像chrome中的新标签)。我想把这个文本显示在边框的中心。下面是css代码：
.parentDiv {
width: 300px;
height: 200px;
margin: 5px;
border: solid 1px black;
display: inline-block;
font-size: 24px;
}
.childDiv {
text-align: center;
ver
浏览 0提问于2012-12-22得票数 1
回答已采纳
4回答
我有两个相互嵌套的div标签和几个span标签，如下所示：
<div id="leftcol">
<div id="tagcloud">
<span class="mytags"><a href="">tag1</a></span>
<span class="mytags"><a href="">tag2</a></span>
浏览 57提问于2010-09-26得票数 29
回答已采纳
3回答
我有两个选择器来实现这个设计： 📷 我已经尝试了几乎所有的方法，但我似乎就是不能让文本漂浮在大字母旁边 代码如下： Jsbin html： <div class="processlinks-section-template">
<div class="processlinks-section-item" data-letter="H">
<div class="processlinks-section-item-title">
<a href="ht
浏览 2提问于2013-10-08得票数 0
当我在我的网站上工作时，我遇到了一个问题。我想让<.p>元素直接出现在<.a>元素之后，所以它不是它下面的一行。
现在的情况是：
Login
\
Register
我想要的是：
Login \
Register
如果你想看一看，可以访问我的网站：
v14rkoende.helenparkhurst.net
这是我的html代码：
<div class=logreg>
<div class=logregb>
<p class=loginl ><a href=login.html cla
浏览 0提问于2014-09-19得票数 0
1回答
我有一个类似于
<div class="charts">Content</div>
<div class="tables">Content</div>
....
<div class="charts">Content</div>
<div class="tables">Content</div>
它重复了好几次。我的CSS如下所示
.left {
width: 32%;
float: left;
margin:
浏览 3提问于2013-08-12得票数 1
回答已采纳
我有2个内联块div，宽度为50%。它们都有两个按钮，每个按钮都有140px的宽度。
我的期望是，由于两个元素的宽度相等，因此它们也应该同时调整大小。现在发生的情况是，当包含的div变得足够小，以至于四个按钮不再适合时，它们会换行，并调整2个div的大小，但在它们相等地调整大小之前，其中一个div会变小。它在jsfiddle中得到了最好的说明。如果您缓慢地调整浏览器窗口的大小，您将看到一个div先于另一个div调整大小。
删除带有注释的HTML空白，边距和填充都设置为0。
是什么导致了这个问题，以及如何修复它？关于如何实现jsfiddle中显示的布局，还有其他建议吗？
这是供以后jsfidd
浏览 0提问于2013-01-30得票数 3
回答已采纳
我的HTML如下所示
<div id="wrapper">
<div id="main">
<p>test</p>
</div>
<div id="sidebar">
<p>test</p>
</div>
</div>
和CSS
#wrapper {
width: 960px;
margin: 0px auto;
}
#main {
wid
浏览 0提问于2012-06-19得票数 6
回答已采纳
1回答
我用jquery创建了一个简单的弹出窗口，基本上，如果按下按钮，div的“显示”将从css中的“无”更改为“块”，并显示覆盖以使背景更暗。
请看我的代码：
function div_show() {
$("#login").css({display:'block'});
$("#overlay").css({background:'#000'});
$("#overlay").css({zIndex:'2'});
}
//Function to Hide Popup
func
浏览 4提问于2015-01-26得票数 1
回答已采纳
当我在单词中间使用软连字符时，如下所示：
<div>
<span style="font-size: 2em">
<a href="/Page.aspx?pageID=23">SPECIAL­BESTÄLLNING</a>
</span>
<br />
<a href="/Page.aspx?pageID=23">
<span style="font-size:1.4em"&g
浏览 2提问于2015-09-29得票数 0
以下代码在新选项卡中加载txt文件内容。但它不保留换行符，即使内容在<pre>标记中：
multiline.html:
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-1.4.1.min.js"></script>
<script src="js/jquery-ui-1.8.15.custom.min.js"></script>
<link rel="stylesheet" href=&#
浏览 2提问于2011-08-19得票数 0
回答已采纳
1回答
最近我在ng-view和ng- is上遇到了一个非常严重的问题，假设有一个包含两个元素(元素一和元素二)的下拉列表，两个元素改变了rootScope上的一个属性。
我在另一个位置还有两个项目(div- container，容器一和两个容器)。它们由ng-show - container显示在元素一上，容器在元素二上。
只要我单击一个元素一次，rootScope的属性就会改变，然后我重新加载页面，这两个容器就会交替显示，而不需要我做些什么。
我有几个观察器，几个ng-cloak，并使用ng-view的路由。我还想提一下，该应用程序相对较大。大多数情况下，这个问题发生在安卓系统上，大概是在iOS系
浏览 3提问于2016-04-01得票数 0
两个iframes应该被强制显示为cols，这可以用css完成吗？
示例代码：
<!-- if I inc width to "800", the iframes should still be as cols, (regardless of window size) !-->
<div style="width:100%;overflow-x:scroll;">
<iframe width="200" height="200" src="http://www.slashdot.net"
浏览 0提问于2013-03-08得票数 2
回答已采纳
我有一些特定类.box的div，我想为它设置一个交替的背景色。但是，有些div被放置在另一个div.内部容器中：
<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="inner-container">
<d
浏览 1提问于2014-06-02得票数 8
回答已采纳
2回答
我正在尝试做这个手动项目，在那里，我不能为行编码交替的颜色，如下图所示。总共有七行，我需要white和grey作为替代颜色。我看了很少的文档，但做不到，下面是我的HTML和CSS代码。
HTML I have seven rows as such
<!-------- [![enter image description here][1]][1]Row 1 ---------->
<div class="container">
<div id="main-container">
<div>
浏览 1提问于2022-10-03得票数 0
回答已采纳
2回答
我在论坛上搜索了一个类似的CSS问题，但我的关键字并没有真正的帮助。如果有人在别处问过这个问题，但我找不到，我很抱歉。
所以，简而言之，我是网站设计的新手，我正在试着为一个朋友建立一个网站。我已经有了一个想法，并且正在一点一点地把它放在一起，但我遇到了一个奇怪的问题。这很难解释，所以我将发布两个链接，并解释两者之间的区别：
和
如果你看看这两个网站，我遇到的问题应该是显而易见的。基本上，我有一个“内容”部分，在前两行似乎有一些看不见的标签入侵它。上面两个引用之间唯一的区别是，在第一个引用中，我在"content“部分放了一个<p>标记，在第二个引用中，我放了两个换行符，然后
浏览 0提问于2013-03-27得票数 0
回答已采纳
1回答
所以我有以下的jsFiddle：
看起来是这样的：
.myRow{
display: table;
overflow: auto;
}
.myGroup{
display: table-cell;
position: relative;
max-width: 60px;
}
<div class="myRow">
<div class="myGroup">
<div id="label1" class="myLabel myCell"
浏览 1提问于2015-05-14得票数 1
回答已采纳
我想在IE7中的容器中浮动两个div。容器中的第一个div应该向左浮动，第二个向右浮动。实际上，在我的css配置中，这两个div被放在左边。
这是我的css：
.container {float:left; width:100%; height:30px;}
.left {float:left; width:auto; height:30px;}
.right {float:right; width: auto; height:30px}
这是我的HTML
<div class="container">
<div class="left"
浏览 2提问于2012-09-12得票数 3
我知道我可以用以下方法更改div的CSS：
MyDiv.CSSClass = "MyClass"
然而，我想弄清楚的是如何动态抓取一个Div，然后再这样做。
我有一个函数，它会被调用一些，并将根据结果值(整数)改变div的背景色。其功能如下：
Public Sub ReadValue (Tag, DivID)
我将Div的ID传递到DivID参数中。因为这是一个字符串，而不是一个实际的对象，那么我将如何更改这个类呢？
这似乎很容易，但我在网上找不到任何东西来帮助我解决这个问题。
提前谢谢。
以下是实际代码：
样式表代码：
.container {width: 100%;
ba
浏览 1提问于2014-05-23得票数 2
回答已采纳
2回答
我有一个奇怪的情况，我无法工作:不是，那有两个条件。基本上，我想把所有的div隐藏在一个容器中，除了那些有特定类的容器。
例如，这是html。
<div id="container">
<div class="show"></div>
<div class="extra"></div>
<div class="about"></div>
<div class="sample1"></div>
浏览 7提问于2014-03-21得票数 0
回答已采纳
3回答
页脚在DIV下
、、、、
我有一个表单是使用AJAX提交的。当表单提交时，它将更改为display:none，并在其位置显示一个带有成功消息的div。
我不确定如何防止这种情况。我知道它与CSS相关。下面是该div的CSS
#ajaxform{
position:relative;
z-index:1
}
#ajaxdiv{
display:none;
position:absolute;
height:auto;
width:650px;
background-color:#f3f3f3;
z-index:10;
}
你们有什么建议尝试一下，这样就不会发生重叠
浏览 0提问于2011-07-09得票数 2
回答已采纳
下面的代码是其中一个类的代码。我们受命为我们的一个项目做一个网站。我们的教授希望在我们上交它之前总是通过验证器来运行它。我得到了这个错误，错误:流浪结束标记HTML。我不知道问题出在哪里。该网站运行良好，但验证器告诉我有一个问题。任何帮助解决这个问题的人都将不胜感激。 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Alex's T's and V's</titl
浏览 43提问于2021-10-25得票数 0
我找不到解决这个问题的好办法。我在一个父div中有两个div。当我尝试将div向右和向左浮动以在父div中创建两列时，子div最终位于父div的下面。
<head>
<link rel="stylesheet" type="text/css" href="float.css" />
</head>
<body class="wrapper">
<div class= "whole">
<div class=
浏览 1提问于2010-09-01得票数 4
回答已采纳
我在第一行做了一个幻灯片放映，现在在幻灯片放映下面有两个容器。每当我在添加文本的位置添加图像时，图像似乎对容器没有任何限制，只是填充了整个页面。如何在不溢出的情况下将镜像放入容器中？此外，我也喜欢使这些图像链接，如果这是可能的。目前，我还没有为此创建任何CSS，我猜这将是需要的。
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
浏览 0提问于2016-06-26得票数 1
4回答
由于某些原因，我无法让我的班里蓝军工作(背景仍然非常白)，你知道为什么吗？谢谢
<div class="wrap980px blueback clear">
<div id="block-left">
<h2>dfd</h2>
</div> <!-- End DIV block-left -->
<div id="block-right">
jhjh
</div> <!-- End DIV bloack-right -->
</d
浏览 0提问于2013-09-14得票数 0
回答已采纳
1回答
我的计划是让一些带有3个div的行向左浮动，替换手风琴标题，然后在每行3个div下面打开每个div的内容，将页面的其余部分向下推。
我尝试了各种‘定位’的可能性，但不能让它以我想要的方式工作。更多的是css问题。或者最好不要使用手风琴？
jsfiddle.net/pCwxa/1
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
&
浏览 1提问于2012-11-07得票数 1
我已经搜索和搜索了这个网站的解决方案，并试图应用所有的结果，我的简单HTML，但似乎没有工作。
我确信有一种非常简单的方法可以做到这一点，因为目前还没有任何代码可以解释。
我想要一个简单的布局，3 divs。一个主页面div包含两个水平的div，我希望在divs中包含一张图片，它将用作主页面div中的div背景，我可以获得背景，但不能去掉页面上的白线，我相信你们已经厌倦了阅读。
我在"header“和"site”div之间出现了一条线，我相信这是一个简单的解决方案。
我想保持HTML尽可能简单，只计划有3个链接，一旦空间消失，我将放在其中，因为我相信我可以应用到进一步的div的
浏览 5提问于2013-08-19得票数 0
1回答
我试图从javascript响应中获取变量'html‘的内容。我使用regex模块来提取html，但输出为'None‘。
response = 'var port_statistics = (function(window, undefined) {
function loadScript(url, callback) {
var script = document.createElement('script');
script.async = true;
script.src = url;
var entry = do
浏览 1提问于2016-12-28得票数 0
5回答
我有一个这样的清单：
<div>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>
</div>
和下列CSS：
ul {
width: 160px;
height: 100px;
overflow: auto;
}
li {
width: 80px;
浏览 10提问于2012-03-14得票数 24
回答已采纳
我有一个显示200像素的div。当我点击div中的一个图像时，我想要显示1000px。然后当再次点击时，再次接近200px。
这是我的代码：
<script type="text/javascript">
$(document).ready(function() {
// shows the slickbox DIV on clicking the link with an ID of "slick-show"
$('#slickbox').css("height", "200px");
浏览 1提问于2012-05-11得票数 1
回答已采纳
我使用jQuery来缩小div的宽度，如下所示：
$('div#foo').animate({width: 0},someSpeed);
在缩小的同时，文本会重排以适应不断变薄的div。我不希望这种情况发生-我希望文本保持原样，只是随着宽度的减小而从视图中消失，就像你使用$('div#foo').slideUp()时所发生的那样。
有没有什么CSS技巧或者其他方法来实现这个功能呢？
浏览 0提问于2011-02-03得票数 12
回答已采纳
6回答
谁能告诉我我在这里做错了什么吗？我已经试着写清楚了:两者都是；也在浮动元素中，但似乎什么都不起作用。
我想要那些绿色边框内的橙色小盒子，而不是像这样(见图)。
和代码：
<style type="text/css">
.wrap {
border:solid 2px green;
}
.wrap div {
margin: 0 0 0 10px;
padding: 10px;
text-align: center;
width: 67px;
浏览 7提问于2014-01-07得票数 1
回答已采纳
5回答
我在学CSS。我想要一个大画布，左边有谷歌地图，右边有两个按钮的输入字段。现在我真的不明白为什么我的代码没有完成这项工作。它用谷歌地图绘制画布，并将输入框和下面的两个按钮放在下面，这是错误的。
CSS
.floatright {
float:right;
width: 100px;
}
html:
<body onload="initialize()">
<div class ="floatRight">
<div id="map-canvas" style="width: 1200px
浏览 7提问于2013-06-30得票数 1
回答已采纳
我的两个按钮之间有一个很小的差距，我无法处理它，试图查看浏览器终端，但这并没有帮助。下面是按钮：
<div class="secondTableVRow">
<input type="submit" name="submit" value="Submit" id="submit" onMouseOver="onSubmitHover()" onMouseOut="submitFadeOut()" onclick="submitForm()"/
浏览 2提问于2014-06-27得票数 1
回答已采纳
1回答
我有两个语音气泡，我希望它们首先出现在狗的左边(蓝色的)，然后2秒后，棕色的应该出现在狗的右侧。我同时做了许多CSS元素，它们相互冲突。
1：3张图像都应该按照显示的顺序对齐(棕色的图像还不够高，为什么？)
二：所有三个图像都应该以中心为中心(在向左和向右设置页边距为auto方面有问题，这是建议的居中设置，但它们最终都位于另一个图像的顶部)。
三：使用jQuery，我想在左边淡出蓝色的语音气泡，然后2秒后蓝色的消失，0.5秒后右边的棕色应该会褪色。
我遇到了一些问题：--图像在彼此上面--当蓝色的图像消失时，它“跳跃”了另外两幅图像--目前，棕色的语音气泡还不够高。
对于上下文，我在Razor
浏览 1提问于2018-06-03得票数 0
3回答
css背景图像
、、
嗨，我有一个1pxpng文件，我试图将其设置为两个相邻的div的背景图像，horizontally.The html和css如下所示：-
<div id='one'>hi</div>
<div id='two'>hello</div>
css是这样的
div {
width: 50%;
height: 50%
}
#one, #two {
background-image: url(/images/image.png);
background-repeat: repeat;
}
现在
浏览 2提问于2010-09-23得票数 0
回答已采纳
我在这里和其他地方阅读了大量的帖子，但我找不到一个适合我的情况的解决方案。
我有两个被设置为droppables的div。#imgBrowser包含一组通过AJAX动态填充的图像。一旦AJAX调用返回，它将触发一个函数，该函数将图像设置为可拖动对象，将两个div (#imgBrowser和#imgQueue)设置为可放置对象，并将#imgQueue设置为可排序对象。
用户可以在两个div之间来回拖动图像。我让它工作得天衣无缝。但是，我想添加的功能是让#imgQueue也是可排序的。
到目前为止，我的代码如下：
function setUpSelectorDraggables(){
$(
浏览 1提问于2013-03-05得票数 0
1回答
我使用来根据侧边栏菜单的动态大小动态调整网站内容div (‘#页面-内容’)的大小。该插件允许将大小调整的事件处理程序绑定到div。
这主要是工作，但当两个div调整他们的大小，它会引起一个明显的视觉跳跃。见短屏： (无声音)
有时跳转会导致无法完全加载菜单。
我如何在调整尺寸时解决/消除这种跳跃？
我的jQuery：
// Adjusting content width to allow for responsive size with changing menu width
$(function(){
$('#menu').resize(function(){
浏览 2提问于2017-04-11得票数 2
回答已采纳
我正在使用reactJS，我想在较小的屏幕(width<768px)上隐藏一个div。我在这里有两个选择：
第一方法：
{
!!isSmallerScreen ?
<div className="icon">Icon</div>
: <div className="name">Name</div>
}
描述：isSmallScreen是一个布尔变量。这种方式甚至不会在源代码中显示其他div。
第二种方法：
<div className="icon hidden-md-up"
浏览 4提问于2017-04-15得票数 0
1回答
自举格式-输入中的组
、、、
我需要你帮我处理引导表格。
这是我的html
<form action="#" class="form-inline" role="form">
<div class="form-group no-margin">
<input type="text" class="form-control no-margin" placeholder="Search..." />
<select class="
浏览 3提问于2015-03-29得票数 1
回答已采纳
<div class="project-description" style="margin: 28px 0px;">
<p ><%#Eval("Info").ToString()%>
</p>
</div>
上述产出如下：
买西服、洋装、裤子或鞋子是很平常的事。个人直觉地知道，他们必须尝试服装，以确保他们适合，感觉很好，并对他们有吸引力。我们不应该考虑一个家吗？这很可能是你买过的最贵的东西。在你买房子之前，“尝试”一套房子不是更有必要吗？我到底是什么意思？尽管如
浏览 6提问于2014-07-30得票数 1
回答已采纳
我有两个div。我希望id为"hor_rule“的一个出现在id为"header”的另一个的下面。
我的印象是这应该是自动发生的。我一定是犯了什么愚蠢的错误。
- HTML文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
浏览 1提问于2009-06-01得票数 0
回答已采纳
1回答
在下面的代码示例中，我希望每个缩略图图像都被复选框覆盖。上面不应该有空格。“左”和“右”div应该在它们的顶部垂直对齐。
我希望图像填充所有的表格单元格空间。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/
浏览 0提问于2017-08-12得票数 0
1回答
我有一个带有两个子面板的容器div作为自适应布局来实现。
我的意思是，在桌面上，两个子面板应该并排浮动，而在iPhone上，两个子面板应该在另一个下面。
下面是我的HTML；
<div class="container">
<div class="panel1"></div>
<div class="panel2"></div>
</div>
对于CSS，我只使用桌面/iPhone的媒体查询。
对于桌面(即更高的可用宽度)，我的CSS是
.panel1{width:50%;f
浏览 2提问于2011-10-13得票数 1
回答已采纳
<div id="parent">
<div id="child">
content...
</div>
</div>
有没有可能让#child变得和内容一样宽？如果需要，使其比具有固定宽度的#parent更宽。
(在我的例子中，内容是一个未知的文本字符串，我不想换行)
浏览 0提问于2011-12-03得票数 6
回答已采纳
1回答
具有一个父div的宽度:70 by和overflow x:隐藏我想在一行中添加两个宽度为50 by的子div，这样第二个div将有20 by可见部分，30 by由父节点隐藏。在这里，我想做的是：
HTML：
<div id="parent">
<div id="first"></div>
<div id="second"></div>
</div>
CSS：
#parent{
width:70px;
height:50px;
overf
浏览 2提问于2015-04-19得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
