程序设计 css

13

我有一个带有单选按钮的表单，单选按钮与其标签在同一行。但是，单选按钮未与其标签垂直对齐，如下面的屏幕快照所示。如何使单选按钮与其标签垂直对齐？编辑：这是html代码： <input checked="checked" type="radio" name="user_level" id="rd1" value="1"/> <label for="rd1">radio 1</label><br/> <input type="radio" name="user_level" id="rd2" value="2"/> <label for="rd2">radio 2</label><br/> <input type="radio" name="user_level" id="rd3" value="3"/> <label for="rd3">radio 3</label><br/> 和CSS代码： label{ padding:5px; color:#222; font-family:corbel,sans-serif; font-size: 14px; margin: 10px; }

94 html css forms xhtml radio-button

5

如何使jQuery不舍入.width（）返回的值？

我到处搜寻，却找不到。我正在尝试获取div的宽度，但是如果它有小数点，则将数字四舍五入。例： #container{ background: blue; width: 543.5px; height: 20px; margin: 0; padding: 0; } 如果我这样做$('#container').width();，它将返回543而不是543.5。我如何不对数字取整并返回完整的543.5（或任何数字）。

94 javascript jquery css

7

使外部div自动与其浮动内容的高度相同

我想要div黑色的外部包裹它div的浮动。我不想使用style='height: 200px中div与outerdivID，因为我希望它自动将其内容的高度（例如，浮动div或多个）。 <div id='outerdiv' style='border: 1px solid black;background-color: black;'> <div style='width=300px;border: red 1px dashed;float: left;'> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> </div> <div style='width=300px;border: red 1px dashed;float: right;'> <p>zzzzzzzzzzzzzzzzzzzzzzzzzzzzz</p> </div> 如何实现呢？

94 css html css-float

6

在base64中编码图像有什么作用？

如果我将图像（jpg或png）转换为base64，它将变大还是具有相同的尺寸？会大多少？是否建议在我的网站上使用base64编码的图像？

94 html css image base64

12

通过CSS禁用自动完成功能

是否可以使用CSS禁用表单元素（特别是文本字段）上的自动完成功能？我使用的标签库不允许使用autocomplete元素，并且我想在不使用Javascript的情况下禁用autocomplete。

94 html css forms

6

删除HTML按钮/提交的完整样式

有没有一种方法可以完全删除Internet Explorer中按钮的样式？我使用css sprite作为按钮，一切看起来都很好。但是，当我单击该按钮时，它稍微向顶部移动，使它看起来变形。是否有CSS单击状态或mousedown？我不知道是什么触发了这种状态。我知道这不是什么大不了的事，但是有时候这只是小事。

94 html css internet-explorer button state

3

如何使用CSS更改滚动条位置？

有没有办法用CSS从左到右或从下到上更改滚动条的位置？

94 html css scrollbar

10

如何防止CSS继承？

我的侧边栏中有一个使用嵌套列表（<ul>和<li>标记）的分层导航菜单。我正在使用一个已经具有列表项样式的预制主题，但是我想更改顶级项的样式，但不能将其应用于子项。是否有一种简单的方法可以将样式应用于顶级列表项标签，而无需将样式层叠到其子级列表项？我知道我可以在子项目中显式添加重写样式，但是如果有一种简单的方法可以说“将这些样式应用于此类并且不要级联”，我真的希望避免重复所有样式代码。他们将其归结为任何子元素”。这是我正在使用的html： <ul id="sidebar"> <li class="top-level-nav"> <span>HEADING 1</span> <ul> <li>sub-heading A</li> <li>sub-heading B</li> </ul> </li> <li class="top-level-nav"> <span>HEADING 2</span> <ul> <li>sub-heading A</li> <li>sub-heading B</li> </ul> </li> </ul> 所以CSS有样式#sidebar ul和#sidebar ul li了，但我想增加额外的样式到#sidebar .top-level-nav那些不会向下继承到其子儿。有什么方法可以简单地做到这一点，还是我需要重新排列所有样式，以便#sidebar ul现在使用的样式特定于某些类？

94 css

6

Chrome设备模式仿真媒体查询不起作用

由于某种原因，设备仿真模式无法读取我的媒体查询。它可以在其他网站上使用，包括我使用引导程序创建的自己的网站，但不适用于我从头开始使用的媒体查询（单击媒体查询按钮会将按钮变为蓝色，但不会显示任何媒体查询）。测试文件如下。这是Chrome中的错误，还是我的文件需要更改？ <!DOCTYPE html>  <html> <head> <title>MQ Example 1</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { font-family: sans-serif; } h1 { color: red; } h2 { color:blue; } p { color:green; } @media (max-width: 768px) and (min-width: 481px) { …

94 css google-chrome media-queries developer-tools

7

使用“指针事件：无”时添加CSS光标属性

我正在尝试禁用特定链接并应用光标样式，但是此CSS命令cursor: text;无效。光标始终是默认值。我正在使用最新的Firefox版本。 CSS： pointer-events: none !important; cursor: text; color: Blue;

94 css

9

仅当固定元素的内容超过视口的高度时，才能使它的内容滚动？

我有一个div放置fixed在网页的左侧，包含它的菜单和导航链接。它没有从CSS设置高度，内容由高度决定，宽度固定。问题是，如果内容太多，div则将大于窗口的高度，部分内容将不可见。（滚动窗口无济于事，因为位置在fixed，因此div不会滚动。）我试图进行设置，overflow-y:auto;但这也无济于事，div似乎没有注意到它的一部分在窗口之外。如果div挂在窗外，如何才能仅使内容滚动（如果需要）？

94 html css css-position

9

访问时禁用锚标签的颜色更改

访问时，我必须禁用锚标记的颜色更改。我这样做： a:visited{ color: gray } （链接在访问之前为灰色。）但这是我在访问链接后明确声明颜色的一种方式，这也是一种颜色更改。在不进行任何显式颜色更改的情况下，如何在访问时禁用锚标签的颜色更改？

94 html css anchor

9

在绝对位置的Div上居中对齐

div#thing { position: absolute; top: 0px; z-index: 2; margin: 0 auto; } <div id="thing"> <p>text text text with no fixed size, variable font</p> </div> div位于顶部，但是我不能将其以<center>or 居中margin: 0 auto。

93 html css xhtml

8

为什么不设置边距：自动居中图像？

<html> <head> <title>Test</title> </head> <body> <div> <img src="queuedError.jpg" style="margin:auto; width:200px;" /> </div> </body> </html> 在div100％扩展，因为它应该，但图像没有中心本身。为什么？

93 html css

10

在jQuery中仅选择第一级元素

如何<ul>从这样的列表中选择仅父级的链接元素？ <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> 所以在css中ul li a，但不是ul li ul li a 谢谢

93 jquery html css css-selectors

Questions tagged «css»