草庐IT

line_size

全部标签

html - 为什么 font-size 在 CSS 中不等于宽度和高度?

我有以下HTML代码:H和以下CSS:p{border-style:solid;border-color:black;border-width:1em;font-size:1em;height:1em;width:1em;padding:0em;}为什么内容框的高度和宽度不等于字体大小。为什么字母H和边框之间有空隙,如下面的输出。Output 最佳答案 这是因为字体不是这样设计的。例如,字母a在顶部包含相当大的空白block,好吧,同样的事情发生在H上。当您实际选择文本时可以看到它。H的形状不是构成字符的轮廓。它是由字体设计师定义的

html - 为什么 -[UIWebView sizeThatFits :] give a larger size than document. body.offsetHeight/Width?

我正在尝试使用UIWebView来显示一些可变大小的内容,我想确定该内容的完整大小,以便我可以调整UIWebView的大小以完美适应内容的大小。然而,我尝试确定内容的正确高度和宽度并不是完全简单。下面尝试寻找尺寸的测试方法...-(void)viewDidLoad{[superviewDidLoad];self.webView.backgroundColor=[UIColorclearColor];NSString*content=@"ContentHere";[self.webViewloadHTMLString:contentbaseURL:nil];debugLog(@"Load

html - Chrome 与 box-sizing :border-box in a display:table

我正在使用display:table进行小型2Pane布局。对于间距(也来自背景图像),我使用padding。因为我需要child从可用空间中获得一个精确的width:50%(考虑到父级div的填充),我使用box-尺寸:边框框。这在Opera中运行良好,但在Chrome中box-sizing:border-box甚至-webkit-box-sizing:border-box都被默默地忽略了。我制作了一个展示问题的演示。两个红色框应该是正方形,蓝色框的宽度和高度应该是200px:http://jsfiddle.net/fabb/JKECK/这是html源代码:Somethingonth

HTML5 Canvas : How to know the limit for the size?

我有一个宽1400像素、长约12000像素的Canvas。我有一个需要绘制的层次结构图。当它完全展开时,它会占据整个Canvas(我设置的大小)。现在,当我从笔记本电脑(在各种浏览器上)访问该页面时,这一切正常。但是当我从iPad上的Safari访问它时,Canvas不显示,或者Canvas上的内容不可见。我认为,这是由于Canvas尺寸较大所致。因此,似乎存在内存可用性或设备依赖性,这限制了大小(根据W3C允许的大小)。如何知道或计算尺寸?或者有一些解决方法吗?还有其他办法吗?我是初学者。 最佳答案 替代方法(回答thecomme

html - 为什么 HTML 中 "size"标记中的 "<input>"属性仅适用于 TEXT 而不适用于 NUMBER?

如果我有一个带有标签的HTML文件它做了它应该做的,它呈现了一个宽度为3个字符的输入元素。另一方面,如果我有标签它呈现输入字段的默认宽度(比3个字符长得多)。我知道我可以用.myclass{width:75px;}创建一个自定义类,但我认为使用size属性会容易得多,特别是如果我知道数字字段接受的数字是0到100,为什么要使用更宽的输入字段?这是设计使然吗?我需要为此使用CSS吗?如果是这样,我如何根据我在表单中使用的字体系列/大小呈现正好三个字符宽的输入字段? 最佳答案 Size不是inputtype=number的属性,它有mi

javascript - HTML/CSS/JS : How to make an illusion of a textarea with line numbers?

我想要一个在左侧显示行号的文本区域。换行应设置为“关闭”(以便水平滚动可用)。我想让我的页面成为一个独立的.html文件(不会有图形),所以我想避免任何第3方框架。我应该走哪条路?你会怎么做? 最佳答案 我将从两个文本区域和同步机制开始。像这样,window.sync=function(e){vartextarea=document.getElementById("lines");varsource=document.getElementById("some_text_area");textarea.scrollTop=source

html - Bootstrap 3 : Two forms on the same line

我制作了两张表格用于注册。当我将下面的代码添加到页面时,第二个字段会自动下降到第一个字段下方。我希望它除此之外。Register这是一个在普通html(currently)中的示例,这就是我希望它看起来的样子。但是在Bootstrap中它不断地换行 最佳答案 引用inlineformstyling在Bootstrap的网站上。EmailaddressPassword或者,您也可以usecolumns将表单元素并排放置: 关于html-Bootstrap3:Twoformsonthesam

HTML 基础 : What is currently a good viewport size?

对此众说纷纭,但在设计网页时,应该迎合的最佳窗口大小或视口(viewport)大小是多少?现在假设您想要迎合广大公众的需求(这意味着如果您创建一个游戏网站,在那里滚动的人不会有800x600屏幕...)此外,最好将包含div的主要内容保留为自动大小(以便它随屏幕大小拉伸(stretch),假设您内部没有任何不想拉伸(stretch)的固定元素)还是固定宽度?我设计了几个网站,但我仍然不确定2012年的最佳做法是什么。 最佳答案 查看有关响应式网页设计的更多信息。它的基本概述是:您应该使用媒体查询设置您的css并调整您的样式以适应各种

html - 我从哪里获得网页的 "3 horizontal lines"符号?

我想弄清楚如何在我的网页上获得这个符号:这个符号叫什么?有没有办法在我的网页上获取它,就像使用获取▾一样▾提前谢谢你。 最佳答案 这就是所谓的“汉堡菜单”。您可以获得的最接近的HTML实体是≡,粗体≡≡或≡,supportedalmosteverywhere.还有☰☰,不过是lesssupported,特别是notavailableonAndroid.一个小图标就够了,如果你需要一个更大的图标,这里是一个纯CSS实现:.ham-menu{display:inline-block;position:relative;mar

html - 崇高 3 : Selecting text without line numbers (from find all results)

我在元素目录中查找了所有内容,得到了以下结果:/home/yusuf/Downloads/concept/concept/css/style.css:234position:relative;235}236:.scrolled.fh5co-nav{237background:#fff;238padding:10px0;...241box-shadow:0px5px7px-7pxrgba(0,0,0,0.15);242}243:.scrolled.fh5co-nava{244color:#000;245}如何选择没有行号的文本?有没有办法在搜索结果中隐藏行号?我想选择代码并将其粘贴到其他