程序设计 css

1

在下面的HTML片段中，如何使包含“ LAST”的列的宽度占据行的其余部分，并且包含“ COLUMN ONE”和“ COLUMN TWO”的列的宽度足够宽以包含其内容，而不是更大。谢谢 table { border-collapse: collapse; } table td { border: 1px solid black; } <table> <tr> <td> <table width="100%"> <tr> <td> <span> COLUMN </span> <span> ONE </span> </td> <td> COLUMN TWO </td> <td> LAST </td> </tr> </table> </td> </tr> <tr> <td> ANOTHER ROW </td> …

73 html css

5

可以将鼠标悬停在链接上时删除出现的手形光标吗？（或将其设置为普通指针）

我想删除悬停在超链接上时出现的手形光标。我已经尝试过此CSS： a.link { cursor: pointer; } 和这个： a.link { cursor: pointer !important; } 当我将鼠标悬停在链接上时，它仍然变为手形。是否有人对为什么会发生这种想法或使我实现这种效果的解决方案有所了解？

73 css hyperlink cursor

7

CSS媒体查询仅定位到iPad和iPad？

嗨，我正在使用多个平板电脑设备，iPad，Galaxy Tab，Acer Iconia，LG 3D Pad等。 iPad-1024 x 768 LG Pad-1280 x 768 Galaxy Tab-1280 x 800 我只想使用CSS3媒体查询来定位iPad。由于LG和iPad的设备宽度是768像素-我在分离每个设备时遇到了麻烦。我曾尝试将以下内容分开，但似乎无法正常工作： @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) /* applied to lg also */ @media only screen and (min-resolution: 132dpi) and (max-device-width: 1024px) and (orientation : portrait) …

73 ipad css webkit media-queries

5

隐藏div但保留空白

我有以下div元素： .description { color: #b4afaf; font-size: 10px; font-weight: normal; } <div class="description">Some text here</div> 运行代码段隐藏结果展开摘要然后，我对元素具有单击功能以隐藏上面的div： $('#target').click(function(){ $(".description").hide(); }); 当我隐藏div时，它会折叠并停止占用空间。这弄乱了我页面的布局。有没有办法隐藏div，但仍保持以前占用的空间？我不想更改字体颜色，因为它仍然可以选择。

73 jquery css html hide

9

在附加元素上触发CSS过渡

正如这个问题所观察到的，新添加的元素上的CSS过渡立即被忽略了-过渡的结束状态立即被呈现。例如，给定此CSS（此处省略前缀）： .box { opacity: 0; transition: all 2s; background-color: red; height: 100px; width: 100px; } .box.in { opacity: 1; } 此元素的不透明度将立即设置为1： // Does not animate var $a = $('<div>') .addClass('box a') .appendTo('#wrapper'); $a.addClass('in'); 我已经看到了触发过渡以获得预期行为的几种方法： // Does animate var $b = $('<div>') .addClass('box b') .appendTo('#wrapper'); setTimeout(function() { $('.b').addClass('in'); },0); // …

73 javascript css dom

5

证明内容属性不起作用

我遇到一个奇怪的问题。因此，我一直在研究使用flexbox的html5原型模板。虽然我一直遇到一个小问题。我正在尝试通过将“ justify-content”属性应用于父div，在模板的侧边栏和内容区域中保留较小的空间。尽管未在侧边栏和内容区域之间添加该空间。我不确定自己做错了什么。因此，如果有什么可以帮助我，那就太好了。提前致谢！这是我的html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="../scripts/javascript/responsive_drop_down.js"></script> <link href="../css/protoflexcss.css" rel="stylesheet" type="text/css" media="screen"/> <title>Welcome to My Domain</title> </head> <body> <header> <h1>This is a placeholder <br /> for header</h1> </header> <nav class="main"> <div class="mobilmenu"></div> <ul> <li><a href="#">Home</a></li> <li><a href="#">Video</a></li> <li><a href="#">Pictures</a></li> <li><a …

73 css flexbox spacing article

7

从样式设置为％的元素获取以像素为单位的宽度？

我有这个要素： <div style="width: 100%; height: 10px;"></div> 我想获得它的宽度（以像素为单位）。我只是试过这个： document.getElementById('banner-contenedor').style.width 哪个返回100%。使用JavaScript能否实际获得元素的宽度（以像素为单位）？

73 javascript html css

2

按百分比缩放div的内容？

构建各种CMS，用户可以在其中移动框以构建页面布局（无论如何都是基本思想）。我想从数据库中提取实际内容并构建“页面”，但是将其以50％的比例显示。我意识到我可以拥有两套CSS-一套用于实际的前置页面，一套用于管理工具，并相应地收缩所有内容，但这似乎很难维护。我希望可能会有某种jquery或CSS或某种能让我填充div并为其提供50％比例的属性（？）的东西。

73 javascript jquery css scale

5

如何倾斜元素但保持文本正常（未倾斜）

是否可以仅使用CSS复制此图像？我想将其应用于菜单，因此棕色背景出现在hover实例上我不知道该怎么做，我只有。 .menu li a:hover{ display:block; background:#1a0000; padding:6px 4px; }

73 css css-shapes

2

有没有办法用url（）内插CSS变量？

我想将背景URL存储在自定义属性（CSS变量）中，并将其与background属性一起使用。但是，在将字符串用作参数时，我找不到插值字符串的方法url()。这是我的示例代码： :root { --url: "https://download.unsplash.com/photo-1420708392410-3c593b80d416"; } body { background: url(var(--url)); } 我知道可以使用插值函数在Sass或LESS中轻松完成此操作，但是我很好奇是否有一种无需任何预处理器即可完成此操作的方法。

73 css css-variables

10

无法使用Bootstrap 3更改占位符颜色

两个问题：我正在尝试将占位符文本设置为白色。但这是行不通的。我正在使用Bootstrap 3。JSFiddle demo 另一个问题是如何不全局更改占位符颜色。也就是说，我有多个字段，我只希望一个字段具有白色占位符，其他所有字段均保持默认颜色。提前致谢。的HTML： <form id="search-form" class="navbar-form navbar-left" role="search"> <div class=""> <div class="right-inner-addon"> <i class="icon-search search-submit"></i> <input type="search" class="form-control" placeholder="search" /> </div> </div> </form> CSS： .right-inner-addon { position: relative; } .right-inner-addon input { padding-right: 30px; background-color:#303030; font-size: 13px; color:white; } .right-inner-addon i { position: absolute; right: 0px; …

72 css twitter-bootstrap-3 placeholder

8

使用按钮切换显示/隐藏div吗？

希望这是一个简单的问题。我有一个div我想用按钮切换隐藏/显示 <div id="newpost">

72 javascript jquery css

22

动态地向Bootstrap的“ popover”容器添加类

我已经对StackOverflow和Google进行了彻底的搜索，但是空着。如果已经提出并解决此问题，请提前道歉。注意：我是jQuery的新手，所以我不确定如何自己编写。我敢肯定这是一段简单的代码，但是我无法将其包裹住。我想要做的是使用一个data-元素（例如：data-class或类似元素）将一个新类（或ID，我不再挑剔！）附加到顶级popover <div>。我目前拥有的代码如下： jQuery的： $('a[rel=popover]') .popover({ placement : 'bottom', trigger : 'hover' }) .click(function(e) { e.preventDefault() }); HTML： <a href="" rel="popover" data-class="dynamic-class" title="Title goes here" data-content="Content goes here"> 理想情况下，我会吐出的那种HTML是这样的： <div class="popover ... dynamic-class">  </div> 这是我能做的吗？引导程序站点中有关弹出窗口的文档有点稀疏，所以很遗憾，我花了一段时间才到达这一点:( 预先感谢您的所有回复！

72 jquery css twitter-bootstrap

7

如何在输入中添加按钮

已关闭。这个问题需要细节或说明。它当前不接受答案。想改善这个问题吗？添加详细信息并通过编辑此帖子来澄清问题。 11个月前关闭。改善这个问题我正在努力实现这一目标：我只想在输入元素中显示一个按钮，就像上面的图片一样

72 html css html-input

3

什么是DOM回流？

我正在阅读有关两个CSS属性之间的区别display:none，visibility:hidden并且遇到了DOM重排术语。该声明是 display: none导致DOM重排，而visibility: hidden不会。所以我的问题是：什么是DOM重排，它如何工作？

72 html css dom visibility reflow

Questions tagged «css»