草庐IT

inline-button

全部标签

html - CSS 显示 :inline property with list-style-image: property on <li> tags

我在使用CSS的display:inline时遇到问题属性(property)与list-style-image:属性(property)标签。基本上,我想输出以下内容:*Link1*Link2哪里*代表一张图片。我正在使用以下HTML代码执行此操作:Link1Link2使用以下CSS样式:ol.widgets{list-style-type:none;}ol.widgetsli{display:inline;margin-left:10px;}ol.widgetsli.l1{list-style-image:url(image1.gif);}ol.widgetsli.l2{list-

html - CSS 显示 :inline property with list-style-image: property on <li> tags

我在使用CSS的display:inline时遇到问题属性(property)与list-style-image:属性(property)标签。基本上,我想输出以下内容:*Link1*Link2哪里*代表一张图片。我正在使用以下HTML代码执行此操作:Link1Link2使用以下CSS样式:ol.widgets{list-style-type:none;}ol.widgetsli{display:inline;margin-left:10px;}ol.widgetsli.l1{list-style-image:url(image1.gif);}ol.widgetsli.l2{list-

html - 制作一个 <button> 这是 HTML 中的链接

基本上,我喜欢的方式有样式,当你添加一点CSS时带有可点击的按钮。但是,常规按钮不是这样的样式,如果没有一些主要的CSS或JS,它们就没有这种可点击性,并且您必须使用图像。我通过使用表单操作将提交按钮变成了链接,但这需要我为每个按钮制作一个新表单。我怎样才能找到一个快乐的媒介?使用多种形式会导致我的样式出现问题,除非我找到另一种方法来制作按钮,这些按钮是HTML中的链接,这些按钮具有使它们具有按下状态的默认样式(我不是说浏览器默认设置)。有什么想法吗? 最佳答案 LinkText你要求一个看起来像按钮的链接,所以使用一个链接和一个按

html - 制作一个 <button> 这是 HTML 中的链接

基本上,我喜欢的方式有样式,当你添加一点CSS时带有可点击的按钮。但是,常规按钮不是这样的样式,如果没有一些主要的CSS或JS,它们就没有这种可点击性,并且您必须使用图像。我通过使用表单操作将提交按钮变成了链接,但这需要我为每个按钮制作一个新表单。我怎样才能找到一个快乐的媒介?使用多种形式会导致我的样式出现问题,除非我找到另一种方法来制作按钮,这些按钮是HTML中的链接,这些按钮具有使它们具有按下状态的默认样式(我不是说浏览器默认设置)。有什么想法吗? 最佳答案 LinkText你要求一个看起来像按钮的链接,所以使用一个链接和一个按

html - 为什么 display=inline-block 会增加无法控制的垂直边距

我正试图在http://jsfiddle.net上解决我的问题并且在那里有最奇怪的行为。你能解释一下这些(http://jsfiddle.net/C6V3S/)垂直边距从何而来吗?出现在jsfiddle.net上(至少在Chrome和FF中),复制/粘贴到本地独立文件时不出现...在更改为简单block后工作正常独立测试文件示例:.btn{填充:0px;边框:1px纯红色;显示:内联block;.txt{display:inline-block;width:12px;height:12px;border:none;padding:0;margin:0;background:#77FF7

html - 为什么 display=inline-block 会增加无法控制的垂直边距

我正试图在http://jsfiddle.net上解决我的问题并且在那里有最奇怪的行为。你能解释一下这些(http://jsfiddle.net/C6V3S/)垂直边距从何而来吗?出现在jsfiddle.net上(至少在Chrome和FF中),复制/粘贴到本地独立文件时不出现...在更改为简单block后工作正常独立测试文件示例:.btn{填充:0px;边框:1px纯红色;显示:内联block;.txt{display:inline-block;width:12px;height:12px;border:none;padding:0;margin:0;background:#77FF7

html - CSS: "inline-block"元素的意外垂直位置

请考虑以下HTML代码:test.section{display:inline-block;border:1pxdashedblue;}.outer{border:1pxdashedred;margin:10px;}a1A1Bb2345由于类为“.section”的两个div具有相同的高度,并且是行内block,所以我希望它们都垂直对齐。但是,这些div中的第一个被向下推,因此文本“1B”与其他部分的文本行“5”对齐。在任一div中添加或删除行都会直接影响我的第一部分的垂直位置。我看不出这是什么逻辑,在CSS3官方文档中也找不到答案。然而,它似乎并不是一个错误,因为它在Chrome8、

html - CSS: "inline-block"元素的意外垂直位置

请考虑以下HTML代码:test.section{display:inline-block;border:1pxdashedblue;}.outer{border:1pxdashedred;margin:10px;}a1A1Bb2345由于类为“.section”的两个div具有相同的高度,并且是行内block,所以我希望它们都垂直对齐。但是,这些div中的第一个被向下推,因此文本“1B”与其他部分的文本行“5”对齐。在任一div中添加或删除行都会直接影响我的第一部分的垂直位置。我看不出这是什么逻辑,在CSS3官方文档中也找不到答案。然而,它似乎并不是一个错误,因为它在Chrome8、

html - 防止 <button> 在 IE 中点击时移动

当你在一个页面中有一个简单的元素并在IE8/9中点击它(在点击期间按住鼠标以查看效果)时,按钮会稍微向下和向右移动。我假设这是默认IE样式的一部分。有什么办法可以防止这种行为吗?http://jsfiddle.net/tmcconechy/hqm59/ 最佳答案 您可以在IE按钮中停止文本移动:button:activespan,button:focusspan{position:relative;top:0;left:0;}nomovehttp://jsfiddle.net/dQVA7/

html - 防止 <button> 在 IE 中点击时移动

当你在一个页面中有一个简单的元素并在IE8/9中点击它(在点击期间按住鼠标以查看效果)时,按钮会稍微向下和向右移动。我假设这是默认IE样式的一部分。有什么办法可以防止这种行为吗?http://jsfiddle.net/tmcconechy/hqm59/ 最佳答案 您可以在IE按钮中停止文本移动:button:activespan,button:focusspan{position:relative;top:0;left:0;}nomovehttp://jsfiddle.net/dQVA7/