相关疑难解决方法(0)

R markdown ioslides - 使用 CSS 更改 kable 字体大小

我想在一张幻灯片上放一张大桌子。我正在使用 kable。我试过了,{.smaller}但还不够,所以我想我会使用 .css 但它也不起作用。

我创建了一个示例演示文稿来说明问题。我尝试编织它,它的显示方式与我的其他演示文稿中的显示方式相同(这很长,这就是我在这里排除它的原因)

我的代码:

---
title: "test"
author: "Test Author"
date: "5 Februar 2018"
output: 
  ioslides_presentation:
    test: presentation.css
---

{r setup, include=FALSE}
knitr::opts_chunk$set(echo = FALSE)
library(knitr)


## Test slide

{r}
table <- data.frame(
  index=1:10,
  long_text=c("long text here: asdfghhjoqweqwrqwrqwrasfasdfghhjoqweqwrqwrqwrasfasdfghhjoqweqwrqwrqwrasfasdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf",
    "long text here: asdfghhjoqweqwrqwrqwrasf")
)
kable(table) …
Run Code Online (Sandbox Code Playgroud)

css markdown r ioslides kable

5
推荐指数
1
解决办法
1290
查看次数

Bootstrap navbar汉堡包图标不垂直对齐

我使用带有bootstrap 4.1.2的流畅套件.

导航栏文档(我想要这个,因为切换器在打开/关闭时更改其图标)我确实从#position部分获取了第二个示例.但是,汉堡包不是垂直居中的.我该如何解决?

导航栏错误的汉堡包:

在此输入图像描述

我尝试删除,padding但它没有帮助,我被卡住了.

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/nespero/fluent-kit@1.3.0/js/fluent-kit.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdn.jsdelivr.net/gh/nespero/fluent-kit@1.2.0/css/fluent-kit.min.css" rel="stylesheet"/>

<nav class="navbar navbar-dark bg-dark py-2">
  <strong class="navbar-text">
    Navbar position example
  </strong>
  <button class="btn mi navbar-toggler  shadow-none mt-0" type="button" data-toggle="collapse" data-target="#navbar-position" aria-controls="navbar-position" aria-expanded="false" aria-label="Toggle navigation">
    <span class="sr-only">Toggle navbar submenu</span>
  </button>
  <div class="collapse navbar-collapse" id="navbar-position">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Pricing</a>
      </li>
      <li …
Run Code Online (Sandbox Code Playgroud)

html css css3 bootstrap-4 fluent-kit

5
推荐指数
1
解决办法
840
查看次数

使用.addclass功能制作骰子滚轮不起作用

我想id=die首先加载,然后单击"单击我"按钮,将CSS中设计的指定类加载为'die1''die2'等等

function roll() {
  var die = Math.floor(Math.random() * 6);
  if (die == 1)
    $('#die').addClass('die1');
  else if (die == 2)
    $('#die').addClass('die2');
  else if (die == 3)
    $('#die').addClass('die3');
  else if (die == 4)
    $('#die').addClass('die4');
  else if (die == 5)
    $('#die').addClass('die5');
  else
    $('#die').addClass('die6');
}
Run Code Online (Sandbox Code Playgroud)
#die {
  width: 300px;
  border: 5px solid black;
  padding: 25px;
  margin: 25px;
}

.die1 {
  width: 300px;
  border: 5px solid green;
  padding: 25px;
  margin: 25px;
}

.die2 {
  width: 300px;
  border: 5px solid pink;
  padding: 25px; …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

4
推荐指数
1
解决办法
97
查看次数

css造型图中的点

nvd3rCharts包创建了一个类型图.我把它保存在一个独立的,html并将其导入到一个rmarkdown文档中<iframe src = 'Figure.html'>.

在此输入图像描述

html通过'inspect element'功能查看了Chrome和Firefox 中的源代码,发现以下编辑内容css:

.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
    stroke-width: 10px;
    fill-opacity: 1;
    stroke-opacity: 1;
}
Run Code Online (Sandbox Code Playgroud)

得到:

在此输入图像描述

这是我想要获得的效果.但是,如果我将上面的代码插入其中css,则不会"拾取".其他样式被拾取,所以正在阅读CSS,但上面的内容似乎被丢弃了.有任何想法吗?

这个html数字在这里:https://gist.github.com/anonymous/b187e77d795e5bf96f51

编辑破解了这一个感谢jbaums和sal niro的暗示.这是将rCharts nPlot'lineChart'转换为'lineChart'和'scatterChart'组合的工作流程.这是rmarkdown代码的相关部分:

 ```{r 'Figure'}  
require(rCharts)
load("data/df.Rda") 
# round data for rChart tooltip display
df$value <- round(df$value, 2)
n <- nPlot(value ~ Year, group = 'variable', data = df, type = 'lineChart') …
Run Code Online (Sandbox Code Playgroud)

html css r r-markdown

2
推荐指数
1
解决办法
1643
查看次数

使用 !important CSS 警告

我正在借助插件 和 来创建网站WordPress,插件是LearnDash, BuddyBossBuddyPanel,并且我无法保持顶部导航栏在有人登录之前和之后保持不变,这就是我想要的方式当我登录时,但不是事先。

因此,我得到了支持人员的帮助BuddyBoss,他们给了我一些代码,其中包含我以前从未遇到过的警告,即代码行。

 color: #012243!important;
Run Code Online (Sandbox Code Playgroud)

里面没有其他代码行{},警告是Use of !important

我该如何解决?

css wordpress

2
推荐指数
1
解决办法
4337
查看次数

如何使用css隐藏<li> </ li>元素中的特定文本?

我有一个关于租赁的主题.搜索引擎列出了城市,但是当我添加城市时,名称和slug必须相同.但为了更好的搜索引擎优化,我需要添加一个前缀,如"底特律 - 廉价租赁"

所以我必须写出同名的城市名称和城市slu .. 在这种情况下,搜索引擎看起来像"底特律廉价租赁"

我想摆脱css的"廉价租赁"部分所以slu can仍然可以是底特律便宜的租金.

我怎么能用css做到这一点?

在这张图片中,我想用css删除的部分是"KiralıkVilla", 请在这里查看图片

html css wordpress css3

2
推荐指数
1
解决办法
136
查看次数

KendoUI网格没有边框请求

Kendo ASP.NET-MVC

我们的设计师想要一个没有边框或框架且没有交替行背景的网格.基本上是没有线条的白色盒子.这是财务报告.干净利落.

应该有一个单色的页眉和页脚行,列名和分页位于其中.

这可以实现吗?我们不想编辑太多的主CSS,因为网站上的其他控件应该有边框和颜色.这只是网格.

kendo-ui kendo-grid kendo-asp.net-mvc

1
推荐指数
1
解决办法
5387
查看次数

CSS - 字体颜色没有改变

我正在尝试修复我的 TEXT 颜色的颜色,它只是 WHITE,所以颜色与背景相同,尽管它的颜色设置为:#1a6eb6 并且它在 #submenu ul li .text 中设置为相同的值我迷失了它,有人可以帮我吗?

我的 HTML:

 <div class="submenu">
    <ul>
    <li><span class="text"><a href="#">DISKUSNÍ FÓRUM </a></span><span class="horizontal-arrow"></span><span class="vertical-arrow"></span></li>
    <li><span class="text"><a href="#">KOMENTÁ?E </a></span><span class="horizontal-arrow"></span><span class="vertical-arrow"></span></li>
    <li><span class="text"><a href="#">ZÁZNAM CHATU </a></span><span class="horizontal-arrow"></span><span class="vertical-arrow"></span></li>
    <li><span class="text"><a href="#">UŽÍVATELÉ</a></span><span class="horizontal-arrow"></span><span class="vertical-arrow"></span></li>
    </ul>
 </div> 
Run Code Online (Sandbox Code Playgroud)

我的CSS:

.submenu{
    color: #1a6eb6;
    display: inline-block;
    height: 50px;
    width:780px;
}

.submenu ul {
    margin-left: 20px;
    padding-left: 0px;         
}

.submenu ul li{
    list-style-position: inside;    /* Bodka v novom riadku vo vnutry */
    list-style-type: none;          /* bez bodky */  
    background-image: …
Run Code Online (Sandbox Code Playgroud)

html css css3pie

1
推荐指数
1
解决办法
3869
查看次数