GVKun编程网logo

CSS:有没有办法让悬停元素只在点击后激活?(css 悬停)

14

本文将为您提供关于CSS:有没有办法让悬停元素只在点击后激活?的详细介绍,我们还将为您解释css悬停的相关知识,同时,我们还将为您提供关于Android:有没有办法让fill_parent不缩小以适合

本文将为您提供关于CSS:有没有办法让悬停元素只在点击后激活?的详细介绍,我们还将为您解释css 悬停的相关知识,同时,我们还将为您提供关于Android:有没有办法让fill_parent不缩小以适合父母的父母?、c – 有没有办法让模板接受多个值?、css – Bootstrap:有没有办法让布局更紧凑?、css – 有没有办法在Less中获取另一个元素值?的实用信息。

本文目录一览:

CSS:有没有办法让悬停元素只在点击后激活?(css 悬停)

CSS:有没有办法让悬停元素只在点击后激活?(css 悬停)

如何解决CSS:有没有办法让悬停元素只在点击后激活??

这是我在 Firefox 中的 userChrome.css 中的一个元素,用于与 Tree Style Tabs 插件交互:

/* Auto-show/hide sidebar by mouSEOver (hover) */ 

/*Collapse in default state and add transition*/
#sidebar-Box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] {
  overflow: hidden;
  min-width: 40px;
  max-width: 40px;
  transition: all 0.2s ease;
  border-right: 1px solid #0c0c0d;
  z-index: 2;
}

/*Expand to 260px on hover*/
#sidebar-Box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover,#sidebar-Box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar {
  min-width: 260px !important;
  max-width: 260px !important;
  z-index: 1;
}

当前的行为是在悬停时展开侧边栏,并在失去鼠标指针悬停时折叠侧边栏。然而,我想要的行为是在我悬停并单击侧边栏时展开侧边栏,但在鼠标失去悬停时使其折叠,而不必在侧边栏外单击。有没有办法做到这一点?我尝试了很多方法,但由于我对 CSS 的初级水平的了解似乎没有任何效果。

先谢谢大家。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

Android:有没有办法让fill_parent不缩小以适合父母的父母?

Android:有没有办法让fill_parent不缩小以适合父母的父母?

我的活动看起来像这样

| header           |
|------------------|
|  ViewGroup       |
|  that fills      |
|  the screen      |
|                  |
|     centered     |
|      button      |
|                  |
|------------------|
| footer           |

填充屏幕的视图组是RelativeLayout的子级,其中RelativeLayout用fill_parent和layout_below标头和layout_above页脚填充屏幕. RelativeLayout下的ViewGroup在运行时设置为与RelativeLayout相同的宽度和高度.

在运行时将其设置为相同高度的原因是因为可以使用手指将该视图组拖动到左侧(类似于Android主屏幕),如果我将其拖动到左侧也可以.但是,如果将其拖到右侧,则fill_parent尺寸会混乱.

| header           |
|------------------|
|     '  ViewGroup |     ' 
|     '  that fills|     '
|     '  the screen|     '
|     '            |     '
|     '  centered  | <-- button not centered. It is only centered on the visible area, not the whole thing
|     '   button   |     '
|     '            |     '
|     '            |     '
|------------------|
| footer           |

我进行定位的方法是设置ViewGroup的左边缘,以将其向右移动(或将其设置为负向左移动).

为什么我不能使用Horizo​​ntalScrollView.

这是android的顶视图

     ' prevIoUs ' current  '   next   ' # Three panes that can be dragged to switch between
                |          | # The android screen bounderies

我正在计划通过向右和向左拖动屏幕来使用户能够前进到下一个/上一个.如果用户稍微拖动屏幕,然后他/她慢慢进行

        ' prevIoUs ' current  '   next   ' 
                |          |

然后屏幕应重新设置动画

     ' prevIoUs ' current  '   next   ' 
                |          |

如果用户快速执行

              ' prevIoUs ' current  '   next   ' 
                |          |

然后,屏幕应为其余方式设置动画

                ' prevIoUs ' current  '   next   ' 
                |          |

前一个应该成为新的潮流,而我们应该有了一个新的以前

     ' prevIoUs ' current  '   next   ' 
                |          |

我使用了滚动视图,我会做这样的事情

     ' prevIoUs ' current  '   next   ' 
     |          |

现在没有空间可以容纳新的以前版本,除非我跳过滚动

     ' prevIoUs ' current  '   next   ' 
                |          |

这对我来说听起来更糟.

所以我的选择是

> AbsoluteLayout(已弃用/不使用它)
> RelativeLayout.LayoutParams.setMargins(请参见下文.这是我现在正在做的)
>编写我自己的LayoutManager(听起来比现在容易)
>将像素绘制到屏幕上,而不使用视图(DirectDraw或OpenGL)
> Horizo​​ntalScrollView

解决方法:

如果您将正的左边距设置为正,则还应将负的右边距设置为负.这样,ViewGroup可以继续离开屏幕右侧的边缘.

c – 有没有办法让模板接受多个值?

c – 有没有办法让模板接受多个值?

我写了这段代码,它现在可以接受一个void callback并传递一个值.但是,有没有办法让用户能够设置多个参数?也许像Callback Caller一样;而不是定义多个typenames而不是Callback?我可以把这一切都合并成一个typename吗?

例如,这是我的课

template <typename T>class Callback{private:    std::vector<std::function <void (T)>> func;public:    virtual void operator += (std::function<void (T)> _func)    {        func.push_back(_func);    }};

我这样用:

Callback<int> Test;

如果我只想传递一个参数给我的函数,它的工作正常.但是,是否可以使用户能够定义多个值,而不会有多个typename?

Callback< <(int,int,int)> > Test;

类似的东西?

解决方法

在C 11中,使用可变模板:
template <typename... Ts>//                ^^^^^^ Parameter packclass Callback{private:    std::vector<std::function <void (Ts...)>> func;//                                   ^^^^^//                                   Parameter pack expansionpublic:    virtual void operator += (std::function<void (Ts...)> _func)//                                                ^^^^^//                             Parameter pack expansion                 {        func.push_back(_func);    }};

现在你可以这样实例化你的课程:

Callback<int,int>Callback<double,std::string>Callback<bool>Callback<>...

css – Bootstrap:有没有办法让布局更紧凑?

css – Bootstrap:有没有办法让布局更紧凑?

只是好奇是否有办法通过bootstrap获得更紧密的布局.

为什么文本元素之间有这么大的空间?

是否只是为了容纳垫,电话等?

有没有办法为整个页面选择更严格的样式来默认?

我也认为编辑框本身太大了.文本和框边缘之间浪费的空间太多.

为什么他们不紧张?

尝试在NetworkNerd的回答中使用代码后添加了这些编辑

我在样式表中添加了以下内容.

input[type=text]{
       padding-top:0px; padding-bottom:0px;
       margin-bottom:0px; /* Reduced from whatever it currently is */
       margin-top:0px; /* Reduced from whatever it currently is */
       height:24px;
    }

这些添加使我的表单如下所示:

你可以看到事情变得更紧,但这只是因为身高:24px风格.

其他变化似乎对外观没有任何影响.

顺便说一句,包含此更改的样式表是最后一个包含的.

标签不对齐

此外,请注意,现在我已经更改了标签未与其关联的文本输入对齐.

文本框之间的余量仍然太多

文本框之间似乎仍有太多的边距空间.

标题的HTML代码段

这是HTML的一个片段,它显示了应用Bootstrap样式的HTML.
这些都只是从bootstrap网站上的样本中复制而来.

<formrole="form">
        <div>
            <label for="titleText">Title</label>
            <div>
                <input id="titleText"type="text" ng-model="book.title" />
            </div>
        </div>

解决方法

Bootstrap不建议编辑bootstrap.css本身.建议按照最佳实践修改另一个主导CSS文件中的引导程序样式.

尝试做这样的事情:

自定义CSS

input[type=text]{
   padding:0px;
   margin-bottom:2px; /* Reduced from whatever it currently is */
   margin-top:2px; /* Reduced from whatever it currently is */
}

如果它是顶部或底部的边距,很难从图中看出来.您可以根据测试结果删除margin- [top | bottom].

输入元素也可能不是带边距的元素,它可能是标签元素(Bootstrap,至少在我的经验中,用标签元素做一些奇怪的事情……)

另一个编辑:我喜欢给人们选择.因此,如果它位于表元素中,请考虑将表压缩类添加到表标记中以减少项之间的一些空格,如下所示:

<table>

css – 有没有办法在Less中获取另一个元素值?

css – 有没有办法在Less中获取另一个元素值?




我是新来的.

在我的脚本中,我想在Box2中使用Box1的width.

请检查我的脚本.

#Box1
{
    width: 1000px;
    height: 500px;
}
#Box2
{
    width: #Box1.width - 100px;
}

有可能吗?如果是,请给我正确的Less代码.

解决方法

不幸的是,这是不可能的.你可以使用变量来做这样的事情:
@Box1width: 1000px;
#Box1
{
    width: @Box1width;
    height: 500px;
}
#Box2
{
    width: @Box1width - 100;
}

今天关于CSS:有没有办法让悬停元素只在点击后激活?css 悬停的讲解已经结束,谢谢您的阅读,如果想了解更多关于Android:有没有办法让fill_parent不缩小以适合父母的父母?、c – 有没有办法让模板接受多个值?、css – Bootstrap:有没有办法让布局更紧凑?、css – 有没有办法在Less中获取另一个元素值?的相关知识,请在本站搜索。

本文标签: