stylesheet 相关问题

这是我创建的容器，如下所示：这就是我想要的风格。我怎样才能做到这一点。代码是： { usersInfo.map((项目) => 这是我创建的容器看起来：这就是我想要的风格我该怎么办呢。代码是： <View> { usersInfo.map((item) => <View key={item.id} style={{}}> {Object.entries(item.intrest).map(([interestName, interestValue]) => ( <View key={interestName} style={{ backgroundColor: interestValue === 'Games Online' ? '#6B7AED' : interestValue === 'Music' ? '#EE544A' : interestValue === 'Concert' ? '#FF8D5D' : interestValue === 'Movie' ? '#29D697' : '#6B7AED', borderRadius: 18,}}> <Text style={{ color: '#FFF', fontSize: 14, fontWeight: '500', paddingHorizontal: 15,paddingVertical: 7 }}>{interestValue}</Text> </View> ))} </View> ) } </View> 我想像给定的示例一样设置我的容器的样式。您是否尝试以适当的间距对齐项目： `<View> {usersInfo.map((item) => ( <View key={item.id} style={{ marginVertical: 10 }}> {Object.entries(item.interests).map(([interestName, interestValue]) => ( <View key={interestName} style={{ backgroundColor: interestValue === 'Games Online' ? '#6B7AED' : interestValue === 'Music' ? '#EE544A' : interestValue === 'Concert' ? '#FF8D5D' : interestValue === 'Movie' ? '#29D697' : '#6B7AED', borderRadius: 18, marginVertical: 5, }} > <Text style={{ color: '#FFF', fontSize: 14, fontWeight: '500', paddingHorizontal: 15, paddingVertical: 7, }} > {interestValue} </Text> </View> `

css react-native stylesheet react-native-stylesheet itemcontainerstyle

回答 1 投票 0

为什么我在 Github 上托管的 CSS 文件没有被 Mailchimp 的嵌入注册代码识别？

我将 Mailchimp 为其注册表单嵌入代码提供的默认 .css 文件替换为我复制粘贴到 Github 的文件，但它似乎没有被使用。知道为什么吗？默认....

css stylesheet mailchimp

回答 1 投票 0

JavaFX 中的 TextFields 内部的组件是什么？

我有一个 JavaFX 中的应用程序，其中既有通用窗格又有文本字段。我希望窗格有一个可见的边框，并且由于此应用程序中所有内容的背景都是黑色，所以我真的只需要......

java css javafx stylesheet

回答 1 投票 0

从外部qss文件读取pyqt样式表

我已经制作了 pyqt stylsheet 的 qss 文件，我应该如何调用文件内容并提供给 self.setStylesheet(..) ？从 PyQt4 导入 QtCore s = QtCore.QString('c:\myProject\darkFantasy.

python pyqt4 pyside stylesheet

回答 1 投票 0

我应该将 Vaadin 10+ 静态文件放在哪里？

在 Vaadin 10-14 中，我应该将静态文件（例如 CSS、JavaScript 和 Polymer 模板）放置在哪里？图像等静态文件怎么样？另外，如何在 Vaadin 中导入这些文件？有没有

spring polymer vaadin stylesheet vaadin-flow

回答 4 投票 0

如何向外部小部件添加样式

我是 NextJS 的新手，尝试使用第三方小部件在我的代码中实现自定义样式表，但没有成功。我所使用的样式表名称与第三方的名称相匹配

reactjs next.js stylesheet

回答 1 投票 0

如何使用 NextJS 将样式添加到外部小部件

我是 NextJS 的新手，尝试使用第三方小部件在我的代码中实现自定义样式表，但没有成功。我所使用的样式表名称与第三方的名称相匹配

reactjs next.js stylesheet

回答 1 投票 0

在 html 中的 rel 属性处请求大括号

我正在尝试将我的CSS代码链接到我的html，并且在使用rel属性后要求在vs代码中使用大括号。我已经有了我的 css 代码，只是想将它链接到 html。 ...

html css hyperlink stylesheet rel

回答 1 投票 0

CSS 样式表反转效果（如果是移动设备）

目前wordpress样式表对图像有这种效果。 } .course-hover .x-bg>.x-bg-layer-lower-image { 过滤器：灰度（1）；过渡：所有 .3 秒缓入缓出 } .课程悬停...

css wordpress mobile stylesheet

回答 1 投票 0

HTML“链接”（样式表）禁用属性

我正在使用 JavaScript 来启用/禁用样式表，方法如下： document.styleSheets[0].disabled = true|false; 这个 JS 工作正常，但是我希望样式表被 de...

javascript html stylesheet

回答 4 投票 0

firefox绝对定位重叠

我在 Firefox 中无法正确渲染此内容。它在 chrome 和 safari 中渲染得很好。我在 Firefox 中无法正确渲染此内容。它在 chrome 和 safari 中渲染得很好。 <div style="" id="login_inline"> <form accept-charset="utf-8" action="/users/login" method="post" id="UserLoginForm"> <div style="display:none;"> <input type="hidden" value="POST" name="_method"> </div> <input type="text" id="UserDummyEmail" tabindex="1" value="Email" name="data[User][dummyEmail]" style="display: block;"> <input type="text" id="UserDummyPassword" tabindex="2" value="Password" name="data[User][dummyPassword]" style="display: block;"> <input type="text" id="UserEmail" maxlength="255" tabindex="3" name="data[User][email]"> <input type="password" id="UserPassword" tabindex="4" name="data[User][password]"> <div class="submit"> <input type="submit" value="Login"> </div> </form> </div> CSS： #login_inline { position:absolute; right:10px; top:30px; width:420px; } .submit { display:inline; position:absolute; left:360px; } #UserPassword { position:absolute; left: 185px; } #UserDummyPassword { position:absolute; left:185px; z-index:1; color:gray; } #UserDummyEmail { position:absolute; left:10px; z-index:1; color:gray; } #UserEmail { position:absolute; left:10px; } Firefox 渲染： Chrome 渲染：编辑：现场示例（正确渲染）通过绝对定位，您将依赖于输入元素的正确宽度。这在跨浏览器中很难做到，因为浏览器倾向于使用样式不一致的自定义或本机元素。您最好使用内联块或浮动布局来处理不一致的宽度。如果你真的必须这样做，有一些黑客使用 css3 box-sizing 属性和/或手动调整属性，如行高、字体大小和填充，以使所有浏览器就输入大小达成一致，但这比听起来更难. 这个问题有一些关于 box-sizing 的信息，并使用百分比/自动宽度来获得一致性：带有显示的输入：块不是块，为什么不呢？编辑：根据上面的评论，您可能需要设置一些 div 包装器来设置隐藏元素和可见元素的大小/位置，然后使用百分比宽度和 box-sizing，如所解释的。 <div class="input_wrapper" style="width:100px;position:relative"> <input style="width:100%;box-sizing:border-box;position:absolute"> <div class="fake_input" style="width:100%;position:absolute"> </div> 这一切的关键是box-sizing:border-box不太容易受到浏览器在表单输入的填充和边框计算方面的差异的影响。我发现通常最好在输入字段上设置字体大小，这将使它们的大小（更）一致

css firefox google-chrome stylesheet css-position

回答 2 投票 0

我可以将整个样式表应用于一个 div 吗？

我想在我正在构建的网站中使用动态引导日历。我的网站有一个样式表，但日历有自己的样式，无论我做什么，都会从一张废墟中得到一些东西......

javascript html css stylesheet

回答 1 投票 0

stylesheet 相关问题

最新问题