标签: styling
CSS还是什么？强制文本拆分为多行
当文本达到'#div'的最大宽度时,强制将文本拆分为多行.
我怎样才能做到这一点？因为,如果我尝试输出200个字符而没有间距的数据,我会得到以下结果:
result1(无间距):
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...
result2(有一个空格):
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa (space)
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...
我想做到:
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...
我需要使用以下内容吗？:
result+=str.substring(0,200) "\n";
或者它是一个CSS造型？
推荐指数
解决办法
查看次数
单击后CSS更改按钮样式
我想知道是否有一种方法可以在css中更改按钮的样式,之后点击它,所以不是element:active.谢谢!
推荐指数
解决办法
查看次数
WPF DataGrid样式 - Silverlight DataGrid？
这不是秘密:Silverlight的DataGrid默认风格很漂亮而WPF很差.
让我向社区询问是否有人复制了SL样式以在WPF中使用,而不是重新发明轮子.
请查看截图并自行判断Silverlight和WPF团队如何投资他们的产品.
Silverlight默认样式的DataGrid:
WPF默认样式的DataGrid(在Saied K的回答之后更新):
推荐指数
解决办法
查看次数
SVG USE元素和:悬停样式
我正在尝试使用CSS :hover伪类来设置<defs>由<use>标签嵌入的SVG元素,但它似乎不起作用: - /这是我的代码:
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8"/>
<style type="text/css" media="screen">
.active { fill: #0BE; }
.active:hover { opacity: 0.8; stroke: #F0F; stroke-width: 4px; }
.active2 #p2 { fill: #0BE; }
.active2:hover #p2 { opacity: 0.8; stroke: #F0F; stroke-width: 4px; }
#p2:hover { opacity: 0.8; stroke: #F0F; stroke-width: 4px; }
</style>
</head>
<body>
<svg version="1.1" width="640" height="480"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<polygon id="p0" points="100,0 50,86.6 -50,86.6 -100,0 -50,-86.6 50,-86.6" class="active"/> …推荐指数
解决办法
查看次数
在排序/过滤后,jquery dataTables插件是否可以遵循备用行颜色？
我正在使用jquery datatables插件,它似乎是一个有用的插件,可以采用常规的html表并添加排序,过滤,分页等
我看到的一个问题是,当我搜索它似乎没有更新"奇数"/"偶数"行类,所以如果我的表有100行,但当我过滤它有10,它可能是所有10是相同的背景颜色或者8是相同的背景色
在我按列排序之后,我看到同样的问题,在按照列排序之后,它可能会"聚集"一堆具有相同背景颜色的行.
无论如何,datatables插件可以在滤镜后重新应用偶数/奇怪的样式,所以无论你过滤什么,总会有交替的行背色？
推荐指数
解决办法
查看次数
在CSS中设置TableView样式(JavaFX)
如何设置TableView中的"THIS"点？
我的CSS代码如下:
*/*
* Empty Stylesheet file.
*/
.root{
-fx-background-color: #262626;
}
.table-view{
-fx-background-color: transparent;
}
.table-view:focused{
-fx-background-color: transparent;
}
/* Spaltenköpfe
Struktur column-header-background -> column-header */
.table-view .column-header-background{
-fx-background-color: linear-gradient(#131313 0%, #424141 100%);
}
.table-view .column-header-background .label{
-fx-background-color: transparent;
-fx-text-fill: white;
}
.table-view .column-header {
-fx-background-color: transparent;
}
.table-view .table-cell{
-fx-text-fill: white;
}
.table-row-cell{
-fx-background-color: -fx-table-cell-border-color, #616161;
-fx-background-insets: 0, 0 0 1 0;
-fx-padding: 0.0em; /* 0 */
}
.table-row-cell:odd{
-fx-background-color: -fx-table-cell-border-color, #424242;
-fx-background-insets: 0, 0 0 1 0; …推荐指数
解决办法
查看次数
我怎样才能给每个<li>自己的子弹图像？
我试过了
<ul id="contact_list">
<li id="phone">Local 604-555-5555</li>
<li id="i18l_phone">Toll-Free 1-800-555-5555</li>
</ul>
同
#contact_list
{
list-style: disc none inside;
}
#contact_list #phone
{
list-style-image: url(images/small_wood_phone.png);
}
#contact_list #i18l_phone
{
list-style-image: url(images/i18l_wood_phone.png);
}
无济于事.仅出现光盘.如果我希望每个单独的列表项都有自己的项目符号,我怎么能用css完成这个,而不使用背景图像.
编辑:我发现,尽管firebug告诉我,列表样式图像规则正在以某种方式被覆盖.如果我内联规则,就像这样:
<li id="phone" style="list-style-image: url(images/small_wood_phone.png);">Local 604-555-5555</li>
那一切都很好.由于我在测试用例中没有其他规则我在选择器中运行包含ul或li,我不确定为什么内联会给出不同的结果.
推荐指数
解决办法
查看次数
CSS网格:内容使用可用空间,但滚动时更大
我第一次使用CSS网格布局,他们很棒.但是现在,我无法控制我的一个网格单元.
我想要的是拥有一个占用现有可用空间的元素,而不是更多,当内容变得太大时滚动.我的理解是,1fr在计算其他所有内容之后,网格大小会占用可用空间的均匀数量.我尝试了各种尺寸,minmax(auto, 1fr)但无济于事 - 1fr似乎扩展到适合我不想要的内容.设置最大尺寸大小100px也不好,因为我希望大小由网格中的其他元素决定.
这是一个例子:
.container {
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-columns: 1fr 1fr;
}
.container>div {
border: 1px solid blue;
border-radius: 5px;
}
.left {
grid-column: 1;
grid-row: 1/4;
}
.header {
grid-column: 2;
grid-row: 1;
}
.problem-child {
grid-column: 2;
grid-row: 2;
overflow-y: scroll;
}
.footer {
grid-column: 2;
grid-row: 3;
}<div class="container">
<div class="left">left<br>I don't want this one to scroll<br>this should<br>determine<br>the height …推荐指数
解决办法
查看次数
样式化QML而无需手动标记要设置样式的每个属性
我知道QML不像小部件一样支持CSS样式,我已经阅读了关于样式/主题的替代方法:
- https://qt-project.org/wiki/QmlStyling
- http://www.slideshare.net/BurkhardStubert/practical-qml-key-navigation/34
这些方法的共同点是它们要求开发人员指定可以设置样式的QML部分,方法是绑定到"样式化QML文件/单例"中的属性,或者使用Loader加载不同的QML组件在样式名称上.我想要的是像CSS中的"id"选择器而不是"类"选择器,因此单个QML文件不必知道它们是否将在以后设置样式.
我目前的方法使所有QML文件看起来与此类似(使用链接2中的方法):
Main.qml
Rectangle {
Id: background
color: g_theme.background.color
//g_theme is defined in root context and loaded dynamically
}
我想做的是:
Main.qml
Rectangle {
Id: background
color: “green” // default color
}
然后有一个定义(或类似)的样式文件
Main.qml #background.color: red
目前这是可能的,还是未来Qt版本的管道,或者首选的样式方式是否仍然类似于上面链接中描述的方法？
推荐指数
解决办法
查看次数
SwiftUI：有什么方法可以将自定义按钮样式添加到 Menu() 中吗？
我已经尝试了很长一段时间向 SwiftUI Menu() 的标签添加自定义按钮样式/行为，但到目前为止还没有取得任何成功。这是我想要实现的目标的示例：
自定义按钮样式
假设我有一个自定义按钮样式，可以让按钮的文本在按下时变为红色。
struct RedButtonStyle: ButtonStyle {
func makeBody(configuration: Configuration) -> some View {
configuration.label
.foregroundColor(configuration.isPressed ? .red : .primary)
}
菜单
另外，我有一个标准的 SwiftUI 菜单。
Menu("Menu button", content: {
// Some menu content goes here
})
在此配置中，SwiftUI 菜单以强调色（系统蓝色）显示一个标准按钮，其行为类似于标准按钮（按下时变灰）。按下后，菜单将按预期显示。
自定义菜单按钮
现在我想以某种方式将自定义按钮样式应用到菜单正在使用的按钮。我尝试的是以下内容：
Menu(content: {
// Some menu content goes here
}, label: {
Button("Menu button", action: { })
.buttonStyle(RedButtonStyle())
})
然而，菜单按钮的行为根本没有改变——按下时它仍然只是变灰，而不是变成红色。
我还尝试了创建自定义菜单样式，但到目前为止还没有取得任何成功。
对此有何建议？谢谢！
推荐指数
解决办法
查看次数