小编See*_*nnn的帖子

div css 样式中的 div - 使用填充将内部 div 置于外部的中心?

所以我有 2 个 div,1 个在另一个 div 中。#outer 最外面的 div 和 #frame w/in #outer 的 div。

关于#outer,我应用了一张背景图片来占据整个浏览器空间。

框架是文本所在的位置 - 文本会随着不同的字符串长度而不断变化。然而,我只希望#frame占据#outer的中心部分,这样文本就不会泄漏到外面(这是因为#outer中的背景图片有一个类似黑板的图形——我希望它看起来就像文本是被写在黑板上,没有文字超出线条)。

我应该为此使用填充,对吗?就像在 #frame 上设置填充属性一样吗?或者我应该调整框架的宽度?我该如何居中这个傻瓜?!漂浮?软垫?我迷路了...

HTML:

<div id='outer'>
  <div id='frame'>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

#outer {
height: 612px;
background: url('http://i151.photobucket.com/albums/s147/yungottii/abveaspi_background_final.png') no-repeat 0 0 scroll;
background-size: 100%;
}

#frame {
text-align: center;
height: 612px;   
padding: 50px;
overflow: auto;
font-family: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
font-size: 60px;
color: black; 
}
Run Code Online (Sandbox Code Playgroud)

在过去的一个小时里,我一直在摆弄填充、边框和边距,试图总体上掌握盒子模型。任何人都可以帮助我完成此任务的任何快速指示吗?

PS 可能很难看到,因为这可能与您的浏览器设置不完全兼容,但您可以转到:

http://www.abveaspirations.com

看看上面的代码当前输出了什么。正如您可能看到的,特别长的字符串/文本泄漏到玻璃外面。顺便说一句,我正在使用 textualizer 插件,不确定这是否会改变任何东西......

html css padding

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

如何在Mac OS终端中运行在文本编辑器中创建的Ruby脚本?

我刚刚开始阅读Well-Grounded Rubyist,我刚开始在我的Mac终端上使用Ruby.

我正在上第一课,在文本编辑器中创建一个Celsius到Farenheit转换器.我已经使用Textmate(我的文本编辑器)将代码保存为.rb文件.文件名是c2f.rb. 该文件保存在桌面上名为"Rubycode"的文件夹中.

但是我在终端中运行.rb文件时遇到了困难.我尝试了许多不同的尝试调用文件的方法,包括使用:

cd /Users/rexrose/Desktop/Rubycode/c2f
Run Code Online (Sandbox Code Playgroud)

和许多其他人.

有什么想法,我应该输入终端才能调用c2f文件?

提前致谢.

ruby macos terminal

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

如何将for循环的每次迭代结果存储到数组中(Javascript)

这个问题也可能是(取决于您的看法)-如何使用for循环进行基本的数学运算,将3的倍数之和相加

所以我正在做Euler项目的问题1。

我已经(已经)撞上了钢筋墙。我可以使用一些帮助-请仅解决问题的一部分(我不是在寻找问题的答案,而是在解决我的具体问题,因此我可以继续尝试使用解决问题你们在这里给我的任何答案)...

无论如何。

我(认为我)创建了一个for循环,该循环将为我提供3的倍数。但是,我正在尝试存储for循环的每次迭代结果,以便将它们的总和乘以这些总和。 m尝试存储循环的每次迭代的结果-无论是将其存储到数组中还是将其乘以整数倍的变量-对我而言都无关紧要-我不介意学习这两种方法。

我确定这听起来有点令人困惑,所以让我用一个例子来画我的画...

我有一个for循环:

for (i = 1; i <= 3; i++) {
var x = 0;
x += (i * 3);
WHAT DO I DO NEXT????
Run Code Online (Sandbox Code Playgroud)

^因此,我认为这在循环的第一次迭代中给我x值为3,在第二个循环中给x提供9的值,在最终循环中给x提供18的值。没错吧?(如果返回18,我认为不需要将每次迭代的值存储到数组中)

第一次迭代:

i = 1; x = 0
Run Code Online (Sandbox Code Playgroud)

原始方程式...

(i * 3) + x            
Run Code Online (Sandbox Code Playgroud)

所以...

(1 * 3) + (x = 0) = 3
Run Code Online (Sandbox Code Playgroud)

因此,在完成第一个循环后,x的值为3,对吗?(问题:我将如何存储x的值(即3)-在for循环的此阶段如何将其存储在数组中?)

循环的第二次迭代:

i = 2; x = 3

(2 * 3) + (x = 3) = 9     
Run Code Online (Sandbox Code Playgroud)

(与之前相同的问题:如何将这个值添加到数组中?)

第三次迭代:

i = 3; x = 9 …
Run Code Online (Sandbox Code Playgroud)

javascript arrays iteration for-loop

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

标签 统计

arrays ×1

css ×1

for-loop ×1

html ×1

iteration ×1

javascript ×1

macos ×1

padding ×1

ruby ×1

terminal ×1