草庐IT

BUTTON_HEIGHT

全部标签

html - 是什么让 <button> 将 innertext 置于中心(垂直水平)?

我试图了解是什么让默认情况下,标记将文本定位在元素的中心。水平对齐由text-align:center控制.什么控制垂直对齐?这是用来演奏的fiddle:http://jsfiddle.net/GW9KL/这是的Chrome默认样式表.看不出是什么让它垂直对齐。 最佳答案 这个问题引起了我的兴趣,所以我开始调查。长话短说,至少在chrome中,display:-webkit-box;应用于按钮元素。我必须安装一个开发者插件才能看到它。我复制并粘贴了样式并将其应用于div。JSfiddle显示结果示例http://jsfiddle.n

html - 是什么让 <button> 将 innertext 置于中心(垂直水平)?

我试图了解是什么让默认情况下,标记将文本定位在元素的中心。水平对齐由text-align:center控制.什么控制垂直对齐?这是用来演奏的fiddle:http://jsfiddle.net/GW9KL/这是的Chrome默认样式表.看不出是什么让它垂直对齐。 最佳答案 这个问题引起了我的兴趣,所以我开始调查。长话短说,至少在chrome中,display:-webkit-box;应用于按钮元素。我必须安装一个开发者插件才能看到它。我复制并粘贴了样式并将其应用于div。JSfiddle显示结果示例http://jsfiddle.n

css - DOCTYPE 影响 line-height 的渲染

这个让人头疼。我创建了一个带注释的jsFiddle来演示我最近在使用Twitter的Bootstrap框架创建一些下拉按钮时遇到的现象。http://jsfiddle.net/jackwanders/WKvPv/基本上,当使用HTML5、HTML4Strict或XHTMLStrictDOCTYPE时,按钮会按设计呈现。但是,当使用HTML4或XHTMLTransitionalDOCTYPE时,插入符号按钮会以较短的高度呈现。这是来自Bootstrap的的相关CSS(我删除了无关紧要的样式,例如颜色和渐变):.caret{display:inline-block;width:0;heig

css - DOCTYPE 影响 line-height 的渲染

这个让人头疼。我创建了一个带注释的jsFiddle来演示我最近在使用Twitter的Bootstrap框架创建一些下拉按钮时遇到的现象。http://jsfiddle.net/jackwanders/WKvPv/基本上,当使用HTML5、HTML4Strict或XHTMLStrictDOCTYPE时,按钮会按设计呈现。但是,当使用HTML4或XHTMLTransitionalDOCTYPE时,插入符号按钮会以较短的高度呈现。这是来自Bootstrap的的相关CSS(我删除了无关紧要的样式,例如颜色和渐变):.caret{display:inline-block;width:0;heig

html - data-add-back-button 不显示后退按钮

我有一个简单的jQuery移动网站,其中包含三个页面。在我添加的每个页面的div中data-add-back-btn="true"仍然没有页面(甚至子页面也没有)出现后退按钮。这有什么技巧吗? 最佳答案 从jQueryMobile1.4开始,data-add-back-btn="true"应该添加到标题div而不是页面div。Header 关于html-data-add-back-button不显示后退按钮,我们在StackOverflow上找到一个类似的问题:

html - data-add-back-button 不显示后退按钮

我有一个简单的jQuery移动网站,其中包含三个页面。在我添加的每个页面的div中data-add-back-btn="true"仍然没有页面(甚至子页面也没有)出现后退按钮。这有什么技巧吗? 最佳答案 从jQueryMobile1.4开始,data-add-back-btn="true"应该添加到标题div而不是页面div。Header 关于html-data-add-back-button不显示后退按钮,我们在StackOverflow上找到一个类似的问题:

html - Firefox/Safari 设置高度为 [specified height - padding - border] for input[type=button]

当我使用以下CSS时:input[type=button]{background-color:white;border:1pxsolidblack;font-size:15px;height:20px;padding:7px;}使用这个HTML:我希望看到这个,所以总高度变成了36px:1pxborder7pxpadding20pxcontent(with15pxtext)7pxpadding1pxborder但是Firefox3.6和Safari4都显示了这个:(没有在其他浏览器中测试过)Screenshothttp://labs.spiqr.nl/upload/files/1223

html - Firefox/Safari 设置高度为 [specified height - padding - border] for input[type=button]

当我使用以下CSS时:input[type=button]{background-color:white;border:1pxsolidblack;font-size:15px;height:20px;padding:7px;}使用这个HTML:我希望看到这个,所以总高度变成了36px:1pxborder7pxpadding20pxcontent(with15pxtext)7pxpadding1pxborder但是Firefox3.6和Safari4都显示了这个:(没有在其他浏览器中测试过)Screenshothttp://labs.spiqr.nl/upload/files/1223

html - 移除图片标签的属性 "height"和 "width"

为了使用Typo3创建响应式网站和TwitterBootstrap,我想删除图像的高度和宽度属性以下是如何通过text&image和image类型的内容元素在前端生成图像我想删除维度属性并得到这个:谁能帮帮我? 最佳答案 在document.ready函数中调用图像标签。$('img').removeAttr('width').removeAttr('height'); 关于html-移除图片标签的属性"height"和"width",我们在StackOverflow上找到一个类似的问题

html - 移除图片标签的属性 "height"和 "width"

为了使用Typo3创建响应式网站和TwitterBootstrap,我想删除图像的高度和宽度属性以下是如何通过text&image和image类型的内容元素在前端生成图像我想删除维度属性并得到这个:谁能帮帮我? 最佳答案 在document.ready函数中调用图像标签。$('img').removeAttr('width').removeAttr('height'); 关于html-移除图片标签的属性"height"和"width",我们在StackOverflow上找到一个类似的问题