小编Far*_*ini的帖子

显示中的块级元素:内联块

我正在尝试放置一些(垂直堆叠)显示:显示内的块元素:内联块元素.根据CSS规范,内联块元素应该是一个包含块,因此它可以在其中包含display:block元素,这些元素不应影响布局的其余部分.

但是,display:block元素在显示内部:inline-block元素会破坏页面的其余部分; 所以在内联块中什么也没有,甚至像段落这样的基本元素; 只有简单的文本才能避免破坏页面的其余部分(通过中断我的意思是将其他div向下移动,例如,在这种情况下,左侧红色块向下移动一行并且在其上方有一个空白空格).我正在使用Firefox 3.0.6.

<html><head><style type="text/css">
#left {
  display: inline-block;
  background: red;
  width: 20%;
  height: 100%;
}
#right {
  display: inline-block;
  background: green;
  width: 80%;
  height: 100%;
}
</style></head><body>
  <div id="left">Left</div><div id="right">Right</div>
</body></html>
Run Code Online (Sandbox Code Playgroud)

以上显示为两个窗格,左红色,右绿色,如预期.如果我改变"正确"

<p>Right</p>
Run Code Online (Sandbox Code Playgroud)

或者完全删除它,或者(我想做)用几个div替换它,我得到了错误的格式.

这是Firefox的错误,还是我做错了什么,或者我的期望是不正确的?(FWIW,IE 7将它们全部平分,好像它不理解内联块;无所谓,这是一个内部应用程序.我只使用Firefox).我可以使用浮动/边距获得我想要的布局,但我不想这样做.

html css cross-browser

13
推荐指数
1
解决办法
2万
查看次数

CSS - 固定流体柱

在我的网站的正文中,我正在尝试创建两个列 - 一个在最右边,具有固定宽度(300px)用于广告等,一个在左边,将占用页面上的剩余空间.如何在CSS中实现这一目标?

html css

9
推荐指数
2
解决办法
7638
查看次数

CSS替代此CSS-jQuery代码?

我有两个并排的颜色不同的列.背景也有独特的颜色.右列包含将扩展到未知高度的文本.另一栏几乎没有.

<div id="container">
    <div id="leftColumn">
        <p>Only one small paragraph here</p>
    </div>

    <div id="rightColumn">
        <p>Many large paragraphs inside here.</p>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我希望左列是与右列完全相同的高度.

这是CSS ......

#leftColumn {
    display:inline-block;
    width: 200px;
}
#rightColumn {
    display:inline-block;
    width: 600px;
    vertical-align: top;
}
Run Code Online (Sandbox Code Playgroud)

因此,当页面加载时,我使用jQuery根据右列的高度设置左列的高度.

$(document).ready(function() {
    $('#leftColumn').css('height', $('#rightColumn').innerHeight());
});
Run Code Online (Sandbox Code Playgroud)

有没有办法只用CSS做到这一点?

html css jquery

8
推荐指数
1
解决办法
414
查看次数

Java比C#更优雅的例子?

自从我上次使用Java以来​​已经有几年了.你能告诉我在Java中可以更优雅地解决哪些问题吗?

我知道Java的以下好处:

  • Java'到处运行',
  • Java支持单位和措施
  • (据说)Java中的延迟更好
  • J2EE(我不认为.Net中有等价物)
  • 对泛型的不同方法(使用奇怪的循环定义,如"Enum>",见Ken Arnold)

什么是泛型 - 是否有优雅的Java示例无法用C#表示?或其他API或库?

谢谢,

吉日

PS一些一般链接:

c# java java-ee

3
推荐指数
1
解决办法
568
查看次数

如何打印隐藏的iframe的内容?

我想打印一个我放在iframe但不希望内容显示在网页上的页面,但是当我把iframe放到display ='none'时打印按钮不起作用

我做了什么: - 我设置iframe风格='无'

"name ="frame1">
<input type="button" onclick="frames['frame1'].print()" value="print!">
Run Code Online (Sandbox Code Playgroud)

如何打印iframe的内容而不在网页上显示或者保持ifram隐藏

非常感谢任何帮助......

html css php ajax iframe

2
推荐指数
1
解决办法
2847
查看次数

带有PHP扩展的CSS?

我想命名我的css文件mystyles.php.其中的所有内容仍然是css.我想在index.php不使用标准HTML <link>标记的情况下将其包含在我的页面中.任何方向都会非常感激.

html css php

2
推荐指数
1
解决办法
269
查看次数

jQuery选择器帮助

我有以下HTML

<ul class="main-navigation">
  <li class="left">&nbsp;</li>
  <li class="normal">Home</li>
  <li class="normal">Internet</li>
  <li class="normal">Movies</li>
  <li class="normal">Music</li>
  <li class="normal">Documents</li>
  <li class="normal">Windows</li>
  <li class="right">&nbsp;</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我想要做的是,获取<li>具有"普通"类的元素数组并循环遍历它们并添加事件侦听器.

什么jQuery代码将返回数组?我试过不同的组合,比如 -

$('.main-navigation.normal')
$('.main-navigation li .normal')
Run Code Online (Sandbox Code Playgroud)

我怎样才能获得那个节点数组?我如何循环它们并添加事件?

html javascript css jquery javascript-events

1
推荐指数
1
解决办法
104
查看次数

标签 统计

css ×6

html ×6

jquery ×2

php ×2

ajax ×1

c# ×1

cross-browser ×1

iframe ×1

java ×1

java-ee ×1

javascript ×1

javascript-events ×1