在瓦丁23，有卢莫紧凑的主题。在示例/文档中，展示了如何通过一些JS包含在主布局中激活它。
@JsModule("@vaadin/vaadin-lumo-styles/presets/compact.js")
public class Foo {
}
但不幸的是，这发生在所有的用户，我们无法提供用户之间的选择紧凑和规则模式。
紧凑模式将是很好的工作在小型笔记本电脑屏幕和常规的大型桌面显示器。
对于如何从iside转换java代码有什么想法吗？
浏览 10提问于2022-09-21得票数 0
回答已采纳
因此，我有一个批处理文件，它提示用户输入，然后将其存储为如下变量：
set /p name = "Enter name"
然后，我需要调用节点js应用程序，并将该变量作为参数传递，如下所示：
node app.js %name%
但是当我在节点应用程序中console.log(name)时，它就是undefined。
我该怎么做呢？
如果我手动传递参数的话，它可以正常工作。即node app.js testName.
浏览 3提问于2016-10-02得票数 1
回答已采纳
1回答
顺风与javascript代码兼容，因为每次我使用它都不起作用。
示例代码：
<div class="slides"
data-0="transform translate-x-0 translate-y-0"
data-100p="transform translate-x-0 translate-y-1/2"
data-200p="transform translate-x-1/2 translate-y-1/2"
data-300ps="transform transla
浏览 3提问于2020-07-23得票数 0
非常新的尾风，寻找一种方法，以自动生成垫-表列集。现在我用的是这样的东西
$mat-table-col-width: 8;
mat-table {
mat-header-cell.colTiny,
mat-footer-cell.colTiny,
mat-cell.colTiny {
flex: 0 0 #{$mat-table-col-tiny-width}rem;
}
}
现在我宁愿产生不同的大小，例如col-w-1, col-w-2, col-w-3等。如何使用tailwind.config.js进
浏览 3提问于2021-08-25得票数 0
回答已采纳
我有个问题。我用siamese方法打乱了一个矩阵，并使用了下面的代码：
function magic = magicsquare(matrix,n)
magic=zeros(n,n);
i=1;
j=(n+1)/2;
for ki=1:n
for kj=1:n
is=i;
js=j;
magic(i,j)=matrix(ki,kj);
i=n-rem(n+1-i,n);
j=rem(j,n)+1;
if magic(i,j)~=0
i=rem(is,n)+1;
j=js;
end
end
end
现在，只有混洗后的矩阵，我需要得到初始矩阵。我该怎么做
浏览 1提问于2017-04-27得票数 0
4回答
我正在使用Foundation 5框架，并尝试使用它们提供的js选项卡插件。
不过，我得到了以下结果：
在他们的网站上应该是这样的
不知道我做错了什么？
是因为java脚本没有被正确调用吗？
浏览 10提问于2013-11-23得票数 6
回答已采纳
1回答
调整移动屏幕的引导行
、、、
我使用引导程序对页面进行样式化，使用标准的引导类，如容器、行、col偏移量-n(以获得适当的间距)。但是其中一些组件在移动屏幕上看起来非常糟糕。
我的页面上有下面的引导组件
container
|------row
|-----bootstrap panel
|------row
|-----div which holds error messages
|------row
|-----a form having a textarea and a button
|------row
|-----span tag
该网站在大屏幕上看
浏览 2提问于2016-07-16得票数 1
回答已采纳
我尝试使用css覆盖material ui提供的样式，这是js文件 import TextField from '@material-ui/core/TextField';
import classes from './InputFields.module.css';
export const InputFields = (props) => {
return (
<div className={classes.fields}>
<TextField
浏览 22提问于2021-02-07得票数 0
我正在使用bootstrap 4实现一个网页。作为一个部分，它需要实现用户输入表单。尽管内置的bootstrap输入类型可以很好地工作，但在尝试自定义输入类型text时，它不会在IE 11中显示键入的文本和占位符。它在所有其他浏览器中都工作得很好，并且当我删除填充属性时，它在IE中也工作得很好。以下是我的代码。 输出结果 ? <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cl
浏览 13提问于2019-10-08得票数 0
回答已采纳
1回答
我找不到我在这里找到的按钮：
我在标题部分中链接了这些文件：
<link href="css/bootstrap.min.css" rel="stylesheet"/>
<link href="js/jquery-3.3.1.min.js" rel="script"/>
<link href="js/bootstrap.js" rel="script"/>
<link href="js/popper.js" rel="script&#
浏览 2提问于2018-02-11得票数 0
回答已采纳
因此，我试图在我的Laravel项目中加入并编译Foundation6，但我似乎遗漏了我的gulpfile.js中的一些东西，以便它能像预期的那样工作。
首先，我使用
bower安装基础-网站-保存
没问题。
我的gulpfile.js里有这个
elixir(function(mix) {
mix.sass(
'../bower_components/foundation-sites/scss/**/*.scss'
);
mix.copy(
'resources/assets/bower_components/jquery/dist/jq
浏览 6提问于2015-12-01得票数 2
我试图在目录(及其子目录)中的所有文件上运行一个命令，但是很难为我找到的文件生成一个相对路径。
我的密码是..。
@echo off
set currentDir=%~dp0
for /r %%f in (*.js) do (
echo %currentDir%
echo %%f
set relativePath=%%%f:%currentDir%=%
echo %relativePath%
)
基本上，如果我在C:\somedir\anotherdir\file.js C：\somedir中运行了脚本，并且找到了，那么我需要%relativePath%才
浏览 0提问于2013-11-06得票数 0
回答已采纳
3回答
在我的Bootstrap v4表单中，我增加了form-control元素的填充，但是我注意到这种填充并没有应用于select元素。
.form-control {
padding: .6rem .8rem !important;
border: 2px solid #ced4da !important;
transition: none !important;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/boot
浏览 16提问于2018-01-30得票数 1
回答已采纳
1回答
我试图在默认的css上构建tailwindcss css，但是这个东西出现了…… tailwindcss 2.0.2
? Building from default CSS... (No input file provided)
? SyntaxError: Unexpected token (26:33)
at _class.pp$4.raise (C:\xampp\htdocs\www\css\node_modules\acorn\dist\acorn.
js:2927:15)
at _class.pp.unexpected (C:\xampp\ht
浏览 22提问于2021-01-06得票数 0
我有一些输入字段，我希望他们的标签缩小，并在焦点的顶部滑动。我已经设法用CSS和JavaScript实现了这一点，但它只是动画的第一个标签在页面上。
下面的代码JS使用"querySelector“来锁定标签。我还试过使用"getElementsByClassName“和"querySelectorAll”。当我只关注一个输入字段时，它所做的就是动画化页面上的所有标签。
我只想动画的标签附加到输入。如果能对此提供任何帮助，我们将不胜感激。
document.addEventListener("change", function(event) {
浏览 6提问于2020-08-16得票数 4
回答已采纳
我这里有作业的js代码。我有一个if语句，当输入不是数字时，它应该在控制台中返回-1，而不是返回-1，它返回NaN。有人能帮我吗？
function calculateFoodOrder(numAnimals, avgFood) {
// IMPLEMENT THIS FUNCTION!
var total = avgFood*numAnimals;
if ((Number(numAnimals || avgFood) < 0) && (isNaN(numAnimals || avgFood))) {
浏览 3提问于2020-07-06得票数 0
回答已采纳
2回答
我对web开发还是个新手。我的导航栏似乎有这个问题，每当我调整窗口的宽度时，它都会向右倾斜。示例：
我不确定这是我用来创建nav的方法，还是只在我的系统中发生的内部事件，但不管怎样，我该如何解决这个问题呢？
*{
padding: 0;
margin: 0;
box-sizing: border-box;
}
body{
font-family: sans-serif;
}
/*Navigation Bar*/
nav{
display: flex;
justify-content: space-around;
align-ite
浏览 0提问于2020-10-09得票数 0
1回答
我正在尝试使twitter embed小部件具有响应性，为此，我需要设置高度的百分比。现在我使用的是来自的默认推特嵌入
这意味着我可以在高级自定义中设置高度，但这仅适用于像素。
这是我的代码；
HTML：
<div id="body-twitterFeed">
<a class="twitter-timeline" href="https://twitter.com/ARavinMadMonkey" data-widget-id="347000705833398272" h
浏览 7提问于2014-07-21得票数 1
1回答
const someHeight = "3rem";
example.style.padding = `calc(${someHeight} + 2rem)`;
结果显示：padding: calc(5rem)的内联风格。
我的预期结果是：padding: calc(3rem + 2rem)。
calc()的计算结果似乎是用JS计算的。为什么会发生这种情况？如果JS可以添加两个rem值，为什么这个不能工作呢？
example.style.padding = `${someHeight} + 2rem`
浏览 2提问于2021-02-24得票数 1
回答已采纳
1回答
我正在尝试编写我的第一个批处理文件，该文件构建嵌套在SilverStripe项目中的React应用程序(使用节点包管理器)，并重命名js和css构建文件，并将媒体构建文件移动到SilverStripe项目中的一个新目录(这样就可以被配置为指向SilverStripe项目的虚拟主机接收)。
要在cmd中启动脚本，我使用以下脚本名，其中包含两个参数：
updateReactInSS "C:\wamp64\www\example5" "C:\wamp64\www\example5\app\moe-card-app"
脚本确实成功地执行了npm，但在此之后不再继续。我的
浏览 0提问于2019-05-22得票数 0
回答已采纳
2回答
为什么Microsoft Edge浏览器忽略div宽度，即80 Why (800 is )？这是供现场参考的网站://删除
正常方式(就像它应该显示的那样)：
下面是Microsoft Edge显示的方式：
HTML：
<section class="section-features">
<div class="row">
<div class="col-1-of-3">
<div class="feature-box&#
浏览 0提问于2018-07-26得票数 0
回答已采纳
我正在尝试使用bootstrap版本4.3制作一个切换按钮。我已经将CSS链接到HTML文件，除了我尝试使用的切换按钮之外，所有的css都可以正常工作。 我已经看到了一些在我的模板上实现和使用的设计，但它们和类不起作用。我已经检查过了，但在bootstrap.min.css中找不到这个类。我不能找出为什么这个类没有出现在我包含的css中。我已经从www.getbootstrap.com下载了javascript和CSS <!doctype html>
<html lang="en">
<head>
<!-- Requi
浏览 28提问于2019-04-16得票数 1
当覆盖自定义覆盖sass文件中的Bootstrap 4.3.1变量时，我得到了“不兼容的单位：'rem‘和'px'”。 我已经尝试按照Bootstrap 4文档中的说明，在自定义sass文件的顶部和文件的最后一行中定位以下路径。 @import "node_modules/bootstrap/scss/functions";
@import "node_modules/bootstrap/scss/variables";
@import "node_modules/bootstrap/scss/mixins"; 终端中
浏览 18提问于2019-06-09得票数 5
回答已采纳
1回答
在给定目录中查找文件(而不是文件夹)有简单的，其工作方式如下所示：
where /r GroupManagementAppServer test.js返回文件夹GroupManagementAppServer中名为test.js的所有文件。
但是，对于另外两个用例，此命令失败：
用户指定一个相对于某个目录的路径名，作为最后一个参数(例如，在第一个示例中，var/www/html/project/js/test.js，它位于GroupManagementAppServer中的某个位置)
用户指定一个文件夹作为最后一个参数(如，在第一个示例中，js)
我需要一些命令行逻辑来处理所有
浏览 1提问于2017-01-08得票数 0
我试图搜索我的代码库中的所有jscript目录，然后使用以下批处理脚本获取这些目录中的相关文件列表.
@echo off
setlocal enableextensions enabledelayedexpansion
FOR /F "tokens=*" %%G IN ('DIR /B /AD /S jscripts') DO (
CD %%G
CD dev
SET "currentDir=!cd!"
IF NOT "!currentDir:~-1!"=="\" SET
浏览 4提问于2013-11-08得票数 0
回答已采纳
我已经开发这个应用程序几个月了，并能够运行npm运行开发罚款。今天，我第一次尝试做一个npm运行构建，每次都会遇到这个奇怪的错误。这实在是令人沮丧，因为我试图在这个月推出。
在next.config.js中使用了一些上下文下的transpile模块，但是我删除了它，并且仍然收到了相同的错误。我删除了我的.next和node_modules，更新了依赖项，并多次尝试了多个节点版本。尝试了多个下一个版本。
当前版本
节点: 16.13.0，下一步: 12.0.7，反应: 17.0.2，
> HookWebpackError: Cannot read properties of undefin
浏览 4提问于2022-01-02得票数 1
回答已采纳
我需要从命令行运行javascript宏。我的.js脚本位于
open_office_location/share/Scripts/javascript/MultiplyCSV/multiplycsv.js
我发现了这个：
soffice.exe -headless "D:\test1.ODS“宏://test1 1/Standard.Module1.Main
如何识别脚本的模块名？我试过：
宏:// .js文件的完整路径
宏://MultiplyCSV.plycsv.js
宏://MultiplyCSV/Multiycsv.js
还有更多的..。我找不到解决办
浏览 1提问于2015-12-18得票数 2
我已经为警告对话框安装了下面的库，但不幸的是，CustomUI警告不能以正确的npm install react-confirm-alert --save样式显示。我们还需要添加其他东西吗？ 在App.js文件的顶部导入下面的文件。 import { confirmAlert } from 'react-confirm-alert'; // Import
import "react-confirm-alert/src/react-confirm-alert.css"; // Import css
const removeRecord = (
浏览 40提问于2021-04-23得票数 0
回答已采纳
index.css
@tailwind base;
@tailwind components;
@tailwind utilities;
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');
@layer base{
body{
@apply font-[lato]
}
}
tailwind.config.js
module.exports = {
content: ["./src/**/*.{html,jsx,js}&#
浏览 10提问于2022-10-30得票数 1
1回答
我正在构建一个基于 VideoJS 的react视频组件，我以前使用我的样式表对VideoJS播放器进行样式设计，但是由于我按照Next.js文档的建议导入了它，一些类目标似乎不能正常工作，而且我的自定义CSS并不适用于.video-js css组件。
这行得通
.video {
font-family: 'Inter', -apple-system, Helvetica;
font-weight: bold;
}
.video *:before {
text-shadow: 1px 1px 7px rgba(10, 10, 10, 0.5);
}
浏览 7提问于2022-02-04得票数 0
回答已采纳
我是JS的完全初学者，请帮助我。如何在JS中创建和填充类似的数组？不是通过康斯特应该做的明显吗？
const questions = [
{
questionText: 'What is the capital of France?',
answerOptions: [
{ answerText: 'New York', isCorrect: false },
{ answerText: 'London', isCorrect: false },
浏览 2提问于2021-04-03得票数 1
1回答
我正在尝试编写一个小批处理脚本，它将修改后的文件导入到特定的Firefox配置文件文件夹中。
问题是每个Firefox都有一个不同的生成名称(例如：C:\Users\Username\AppData\Roaming\Mozilla\Firefox\Profiles\ab1c2def.default)
因为我想让脚本在多台PC上工作，所以我无法硬编码路径，所以我希望能够读取路径的最后一部分，并将其作为变量使用，这样我就可以将路径更改为所需的文件夹，以删除和添加其中的文件。
下面是我开始使用的代码：
REM turning echo off
@echo off
REM changing dire
浏览 1提问于2018-05-02得票数 0
回答已采纳
2回答
我有问题的引导4导航条，我想改变手机的背景颜色(只在哪里有链接放置)，标题将是蓝色的。
HTML代码：
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top ">
<div class="container"> <ul class="nav navbar-nav navbar-logo mx-auto">
<li class="nav-item">
<a class=
浏览 0提问于2018-04-13得票数 0
回答已采纳
摘要
我有以下图表图像(React)：
我的React代码(如下所示)是通过数组使用map创建的。我应该如何修改代码，使图表横穿页面，并包含在某种流体包装中，如下所示：
我看过/试过什么？
我对HTML和CSS有基本的理解，但不知道如何处理这类任务并修改代码。
我需要使用这样的东西并与上面的代码集成吗？
<div class="grid-container">
<div className="grid-item">1</div>
<div className="grid-item
浏览 0提问于2020-03-20得票数 0
回答已采纳
我遵循惊人的指南来显示两行文本，并给用户一个“阅读更多”的链接。转换不会像预期的那样工作。有人能指出我在这里做错了什么吗？
#module {
font-size: 1rem;
line-height: 1.5;
}
#module p.collapse[aria-expanded="false"] {
display: block;
height: 3rem !important;
overflow: hidden;
}
#module p.collapse.show[aria-expanded="false"] {
heigh
浏览 3提问于2019-04-27得票数 4
回答已采纳
2回答
如何缩短组件中传递的项
、、、
我使用样式组件--每个组件来自样式组件--我在其他组件中传递的组件，为了应用它们，问题是我的代码看起来很难看，因为我传递给其他组件的每个组件样式都是这样的
SideBarStyledComponents.js
export default function SideBarStyledComponents(props) {
const {SideBarValue} = React.useContext(CounterContext);
const [SideBarThemeValue] = SideBarValue;
const PageColor = SideBarT
浏览 2提问于2021-03-17得票数 0
回答已采纳
在我的Gatsby项目中，我一直在尝试调整index.js页面上的图像大小。我已经通过"gatsby-image“导入加载了它，并且我的所有代码都是应该的，但是我不知道如何在js文件或我为设置样式而创建的scss文件上调整大小。
我试过改变maxWidth的大小，但似乎只改变了实际的图像质量，而不是大小。我还尝试在scss文件中更改它，但似乎也不起作用。
<Img fluid={props.data.imageOne.childImageSharp.fluid} />
export const fluidImage = graphql`
fragment fluidI
浏览 20提问于2019-08-21得票数 2
2回答
我有一个具有特定最小高度的textarea，并且基于，我使其可扩展。问题是它在填满它的最小高度之前会膨胀，所以我希望它先填满它的给定高度，然后再膨胀。
这是一个
下面是代码：
HTML：
<div class="expand js-expand">
<pre><span></span><br></pre>
<textarea></textarea>
</div>
CSS：
.expand {
max-height: 100px;
overflow: hid
浏览 22提问于2017-08-14得票数 1
回答已采纳
我正在尝试更改导航菜单文本的颜色。 这是我的CSS代码： li {
a {
color: $color4;
text-decoration: none;
display: block;
padding: 0.25rem 5rem 0rem 0rem;
font-size: 1.2rem;
font-weight: bold;
&:hove
浏览 17提问于2019-10-16得票数 0
回答已采纳
我正试着把一个小项目转化为webpack。我对webpack非常陌生，这是我第一次使用webpack。在这种情况下，基于事件动态运行的classlist.add方法确实会将类添加到dom中，但是样式不会被应用。请注意，这个css过去工作，没有webpack使用sass编译器手动。
这是我的SourceCode
class ThemeSetter{
constructor(buttonId){
this.themeButton = document.getElementById(buttonId);
this.themeSwitchHandler(
浏览 2提问于2022-05-16得票数 0
回答已采纳
现在，我需要设置的‘#底部显示’的高度，充满了其余的设备屏幕。
首先，我使用rem来设置样式。“#bg”和“#topSelector”，我用rem设置高度。
如何设置“#底部显示”匹配屏幕的全部空值。换句话说，我需要设置HTML来填充整个手机屏幕。
html,
body {
height: 100%;
}
#bg {
width: 100%;
height: 1.76rem;
background-color: lightgoldenrodyellow;
}
#topSelector {
width: 100%;
background-color: rgb(0,
浏览 6提问于2017-10-13得票数 0
回答已采纳
1回答
我正在尝试将活动类添加到父ul之外的复选框输入的匹配标签上。 我设置了一些标签作为按钮，它们的for=""值与checkbox的ID匹配，所以当它们被单击时，它们会检查匹配的输入，这很好，但我想做的是有一个脚本，当复选框被选中或上面有活动类时，将活动类添加到.labelBtns部分的匹配标签中。 到目前为止，我已经写了一些jQuery，控制台记录复选框的id和匹配标签的for，但我正在努力将逻辑连接在一起以实现我想要的，所以任何帮助都将是非常棒的。 $('.m-label-inline').filter('.selected').each(
浏览 15提问于2019-10-04得票数 3
回答已采纳
1回答
基金会CSS输入大小问题
、、、
我正在为我最新的Python/Flask web项目使用Foundation 5，并且对在他们的网站上展示的清洁和响应性的设计感到非常兴奋。
然而，当我包含适当的文件并放入其中一个示例时，我会发现这种非常不吸引人的显示行为，在我试图对齐它们的每一种情况下，文本字段显然都更大，并且从搜索框中不对齐：
然而，当我访问Zurb的网站时，他们的网站如果不是完全一致的话，也是相当合适的。
下面是我目前使用的代码，只是为了避免任何混乱--将非常感谢任何反馈和输入，并为我想象中的新手问题表示歉意。
<!DOCTYPE html>
<!--[if IE 9]><
浏览 1提问于2014-08-22得票数 0
回答已采纳
我得到了一个动画，我用animation-fill-mode: forwards;保持了状态。我希望一旦它的类被移除，它就能以同样的方式动画回到它的原点。我该怎么做呢？ 这就是我得到的 document.querySelector(".js-toggle-animation").addEventListener("click", () => {
document.querySelector(".container").classList.toggle("container--is-active");
}); bod
浏览 14提问于2020-10-06得票数 0
2回答
我的网站的右边和中间看起来很正常，但是左边向下掉了。有人能帮我解决这个问题吗？请全屏显示代码片段。这个箱子太小了，都塞在一起了。如果有人有解决办法或建议，请告诉我。我的网站是纯html btw。注意:您可能会看到一些音频错误。在我真正的网站上，我有音乐之类的东西。
<html>
<!-- WEBSITE -->
<title> Auron's website </title>
<style>
#container {
display: flex;
}
#center {
margin:
浏览 0提问于2018-07-20得票数 0
我正在为一项潜在的工作做编码测试，并想让计算正确，并想知道是否有人知道一个在线工具，我可以用它来根据框架体和html大小来转换概要中所要求的像素大小。
默认值im使用：
html {
font-size: 62.5%
}
body {
font-size: 1.5em;
line-height: 1.6;
font-weight: 400;
font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222
}
我认为使用e
浏览 2提问于2017-03-16得票数 0
1回答
我绝对对这个问题感到绝望。我完全理解移动-优先的概念，并能够使我的网站布局响应，但字体大小不改变时，我应用断点和屏幕大小的变化。
以下是我无法工作的一个简单例子。在这两种情况下，当断点被超过时，颜色会发生完美的变化，但是文本大小保持不变(文本-sm)。
<div className="text-sm sm:text-lg bg-red-400 sm:bg-yellow-400">
Hi
</div>
我试图在fontSize上覆盖tailwind.config.js，并得到了同样的结果:字体大小不会改变.
theme: {
extend:
浏览 4提问于2021-12-31得票数 0
我在头文件中正确调用了fontawesome： <link rel="stylesheet" href="css/fontawesome-all.min.css"> 也是在底部： <script src="https://use.fontawesome.com/releases/v5.5.0/js/all.js"></script> 这是我的HTML： <div class="socials">
<a href="#
浏览 37提问于2020-11-05得票数 0
回答已采纳
我已经在Laravel5.4应用程序中安装了引导程序4 beta 3，方法是将package.json更改为使用“引导”："^4.0.0-beta"，而不是用于加载引导程序的v3的条目。我还修改了app.scss文件和其他位置，以确保引用有关css和js的引导v4文件。
我有一个问题，在我的标题中，有一个元素，它的导航-品牌类应用于它，因为它是适当的大小。在检查该元素时，我发现“字体大小: 2;”在那里，并被删除为无效。点击到css文件的链接，我看到这一点css显然是缺少长度，而不是在字体大小的值。
.navbar-brand {
display: inline-blo
浏览 2提问于2018-01-16得票数 1
回答已采纳
代码：
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdeliv
浏览 2提问于2021-08-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
