在css文档中有很多提及的线框(例如here)。这究竟意味着什么?什么意思是“线框”在css中
9
A
回答
8
CSS 2.1规范解释9.4.2 Inline formatting contexts
部http://www.w3.org/TR/CSS2/visuren.html#inline-formatting
包含形成一条线的框被称为线箱的矩形区域的概念。
...
当几个行内盒不能在单个线箱内水平适合,它们被两个或更多个垂直堆栈线框之间分布。因此,一个段落是一个垂直的线条框。
...
当一个行内框超过线框的宽度,它被分为若干个框和这些框跨若干行框分布。如果内联框不能拆分(例如,如果内联框中包含单个字符,或者特定于语言的单词中断规则不允许在内联框中打断,或者内联框受到nowrap或pre-space的空白值的影响),然后内联框溢出线框。
3
在这个小提琴中,您还可以看到包含线条本身的那种盒子就是线框。它也有边界。 http://jsfiddle.net/LyVf5/
HTML:
<p>
<span>With HTML/CSS, *everything* is laid out using a box.</span>
<br>
<br>
<span>This is a <span>. It has a border around it, so you can see how your browser positions it. Notice that when the line wraps, the "box" that the line is in wraps also. Maybe this is what you're asking about? More text... This is a <span>. It has a border around it. Notice that when the line wraps, the "box" that the line is in wraps also. More text...</span>
</p>
CSS:
p{
margin: 2em;
}
span{
border: 1px dotted gray;
line-height: 150%;
padding: 3px;
}
+4
不错的演示,但实际上它是*内联框*有边框,而不是线框。 – Alohci
相关问题
- 1. 是什么意思:是什么意思?
- 2. 什么呢“......”的意思是在CSS
- 3. 这是什么意思在CSS?
- 4. CSS中的'$'是什么意思?
- 5. css中(font:4em/50px)是什么意思?
- 6. css中的@是什么意思?
- 7. 在CSS中'生成框'是什么意思?
- 8. 什么?在C#中是什么意思?
- 9. 什么是 - SASS/CSS中的课程是什么意思?
- 10. 这个CSS代码是什么意思?
- 11. 这是什么意思? * [class =“hide”] in css
- 12. 这个CSS声明是什么意思?
- 13. 这个CSS值是什么意思?
- 14. 这个CSS是什么意思?
- 15. 这是什么意思:css [class * =“span”]
- 16. “?”是什么意思?
- 17. $$ $$是什么意思?
- 18. 什么是“||”意思?
- 19. “\\。\”,“\ ?? \”,“\\?\”,“\\”是什么意思?
- 20. “=”是什么意思
- 21. &**是什么意思?
- 22. 是什么意思?
- 23. “_”是什么意思?
- 24. 什么是:!:意思?
- 25. || =是什么意思?
- 26. %%是什么意思?
- 27. =是什么意思?
- 28. %{}是什么意思?
- 29. + =是什么意思?
- 30. '#'是什么意思?
该文件已经过时了。你不应该引用它。只需使用CSS2.1即可。 – BoltClock
更正,谢谢! – sbedulin