语千 ~ 刻一


  • 分类

  • 归档

  • 标签

  • 关于

  • 链接

  • 搜索

CSS: block、inline 和 inline-block 概念和区别z

发表于 2013-06-16 | 分类于 计算机 - 网页编程 |

原文地址:http://www.cnblogs.com/KeithWang/p/3139517.html

1 总体概念

  1. block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。
  2. 大体来说HTML元素各有其自身的布局级别(block元素还是inline元素):
    • 常见的块级元素有DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL等。
    • 常见的内联元素有SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR等。
  3. block元素可以包含block元素和inline元素;但inline元素只能包含inline元素。要注意的是这个是个大概的说法,每个特定的元素能包含的元素也是特定的,所以具体到个别元素上,这条规律是不适用的。比如P元素,只能包含inline元素,而不能包含block元素。
  4. 一般来说,可以通过display:inline和display:block的设置,改变元素的布局级别。

2 block,inline和inline-block细节对比

2.1 display:block

  1. block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。
  2. block元素可以设置width, height属性。块级元素即使设置了宽度,仍然是独占一行。
  3. block元素可以设置margin和padding属性。

2.2 display:inline

  1. inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。
  2. inline元素设置width,height属性无效。
  3. inline元素的margin和padding属性,水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果;但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。

2.3 display:inline-block(新、重要)

简单来说就是将对象呈现为inline对象,但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link(a元素)inline-block属性值,使其既具有block的宽度高度特性又具有inline的同行特性。

3 补充说明

一般我们会用display:block,display:inline或者display:inline-block来调整元素的布局级别,其实isplay的参数远远不止这三种,仅仅是比较常用而已。

IE(低版本IE)本来是不支持inline-block的,所以在IE中对内联元素使用display:inline-block,理论上IE是不识别的,但使用display:inline-block在IE下会触发layout,从而使内联元素拥有了display:inline-block属性的表象。

input元素是inline-block元素,所以设置宽高可用。可以使用window.getComputedStyle()这个方法拿到input元素的display属性试一下。

R的应用领域包介绍z

发表于 2013-06-09 | 分类于 R |

1 Analysis of Pharmacokinetic Data 药物(代谢)动力学数据分析

  • 网址:http://cran.r-project.org/web/views/Pharmacokinetics.html
  • 维护人员:Suzette Blanchard
  • 版本:2008-02-15
  • 翻译:R-fox, 2008-04-12
阅读全文

Disqus 与 Mathjax 可能有冲突

发表于 2013-06-03 | 分类于 计算机 - 软件应用 |

注:到 2017 年时,这个问题已经不再是问题,一切都因为有了 Pandoc。

在系统中添加 Mathjax 支持的时候,发现如果 LaTeX 公式与 Disqus 评论系统同时存在,会导致如下的错误

This page is forcing your browser to use legacy mode, which is not compatible with Disqus. Please see our troubleshooting guide to get more information about this error.

这个错误在 IE8.0 中出现,但在 Firefox 21 中却不存在,初步怀疑是 Mathjax 调用Mootools 1.4.5而导致,具体见http://wordpress.org/support/topic/disqus-browser-legacy-error。

Math version `bold' is not defined

发表于 2013-04-26 | 分类于 LaTeX |

使用 Y & Y Mathtime 字体,用 XeLaTeX 编译,提示:

“Error: Math version `bold' is not defined.”

解决方法是在导言区添加:

\DeclareMathVersion{bold}

导致“Missing number, treated as zero”的原因

发表于 2013-02-01 | 分类于 LaTeX |

从http://web.mit.edu/ghudson/dev/nokrb/third/tetex/texmf/doc/help/faq/uktug-faq/FAQ271.html给出的结果看,遇到如下的情况时:

! Missing number, treated as zero.

                   \relax
l.21 \begin{Ventry}{Return values}

很可能添加calc宏包的支持就可能可以解决问题,至少我确实解决了。

Matlab中的eval与feval函数

发表于 2012-12-07 | 分类于 Matlab |

1 eval函数用法简介

原文地址:http://www.ilovematlab.cn/thread-53554-1-1.html

eval(expression)用于执行其参数中包含的expression。例如,把August1.mat到August3.mat加载到MATLAB workspace:

1
2
3
4
for d=1:3
s = ['load August' int2str(d) '.mat']
eval(s)
end

上面的部分代码也可以写成s = ['load August', int2str(d), '.mat'],也就是中间用逗号隔开,这样才能把三部分合成一个字符串,以下是被执行的s语句:

1
2
3
4
5
6
s =
load August1.mat
s =
load August2.mat
s =
load August3.mat
阅读全文

R中正则表达式简介z

发表于 2012-12-05 | 分类于 计算机 - 正则表达式 |

原文地址:http://jliblog.com/archives/28

R 中的grep、grepl、sub、gsub、regexpr、gregexpr等函数都使用正则表达式的规则进行匹配。默认是egrep的规则,也可以选用Perl语言的规则。在这里,我们以 R 中的sub函数为例(因为该函数可以返回替换字符串后的具体内容)介绍正则表达式的用法。

阅读全文

R的内存管理和垃圾清理z

发表于 2012-12-05 | 分类于 R |

原文地址:http://jliblog.com/archives/276

写R程序的人,相信都会遇到过“cannot allocate vector of size”或者“无法分配大小为…的矢量”这样的错误。原因很简单,基本都是产生一个大矩阵等对象时发生的,最干脆的解决办法有两种,第一种是加大内存换64位系统,第二种是改变算法避免如此大的对象。第一种办法,是最好的办法,不过大对象的需求是没有止尽的,终究不是长久之道。第二种办法是最好的思路,无论多么大的对象都是可以弄小的,无非就是分而治之、时间换空间等,对算法的研究也是没有止尽的。

阅读全文

R 中字符串处理和 grep 的用法z

发表于 2012-12-05 | 分类于 R |

原文地址:http://jliblog.com/archives/26

R通常被用来进行数值计算比较多,字符串处理相对较少,而且关于字符串的函数也不多,用得多的就是substr、strsplit、paste、regexpr这几个了。实际上R关于字符串处理的功能是非常强大的,因为它甚至可以直接使用Perl的正则表达式,这也是R的一个理念,作为语言就把向量计算做到极致,作为环境,就在各领域都集成最好的。R中有grep系列的函数,可以用最强大的方式处理字符串的所有问题。

阅读全文

R中如何取消科学计数法z

发表于 2012-12-04 | 分类于 R |

原文地址:http://bbs.pinggu.org/thread-1403060-1-1.html

R应该会自动的把太大和太小的数用科学计数法来表示,一般的数应该就是直接表示吧。

1
2
3
4
5
> 10^seq(1:5)
[1] 1e+01 1e+02 1e+03 1e+04 1e+05
> options(scipen=200)
> 10^seq(1:5)
[1] 10 100 1000 10000 100000
1234…6
Hao Peng

Hao Peng

54 日志
12 分类
64 标签
RSS
GitHub Twitter 微博
友情链接
  • MacTalk
  • Title
Powered by Hexo & NexT on GitHub | Copyright 2005 - 2017 by Hao Peng
0%