styling 相关问题

样式化是将可视元数据绑定到文档的过程

我尝试使用此代码但无法调整宽度我尝试使用此代码，但无法调整宽度 <Document style={{width:"100px"}} file="123.pdf" onLoadSuccess={onDocumentLoadSuccess} > <Page pageNumber={pageNumber} /> </Document> style={{}} 不起作用。 React-pdf 没有宽度属性。但有一个 height 属性。我使用了它，并根据比例调整了宽度。这对我有用。根据文档https://react-pdf.org/components 不支持样式，需要给page组件设置样式您需要删除 (px) 保留为数字或字符串，没有 px => width: "100" 或 width: 100

reactjs styling react-pdf

回答 3 投票 0

CSS Div 淡入淡出滚动样式

我似乎不知道如何设计如下图所示的可滚动 div 的样式。我发现的教程和示例都将 div 淡出为背景颜色，但我找不到这样的，

html css scroll styling

回答 1 投票 0

移动视图媒体查询被我的平板电脑媒体查询覆盖。为什么？

当我使用移动视图时，平板电脑视图媒体查询始终会覆盖我的移动媒体查询。为什么会发生这种情况？我就是这样添加的。 /* X-Small 设备（竖屏手机，小于 576px） */ @我...

css responsive-design media-queries styling

回答 1 投票 0

具有响应式文本的标题每换行应有一个背景

我正在寻找一位 CSS 大师，他可能会帮助我解决以下问题：我正在开发一个响应式卡片容器（一行中显示的卡片数量取决于浏览器屏幕大小）...

html css background highlight styling

回答 1 投票 0

ion-fab 按钮与其他离子组件重叠

我正在使用 ion-fab 列表来保存 ion-fab 按钮，但问题是 ion-fab 按钮与 ion-list（下面的日期选择器）/ion-button 重叠，无论应用内联边距样式、 ion-项目-

ionic-framework button styling

回答 1 投票 0

尝试添加虚线边框样式时，仅出现“不支持虚线/点线边框样式”iOS

这是我的视图样式这是我的视图样式 <View style={{ flexDirection: 'column', marginTop: 15, borderTopWidth: 2, borderStyle: 'dashed', borderTopColor: 'rgb(225, 225,225)', margin: 20, alignSelf: 'center', paddingTop: 10, }} > 在 Android 上，我得到一条漂亮的虚线但是在 iOS 上，我没有接到电话和 WARN Unsuppported dashed / dotted border style 并且包含视图的其余部分根本不渲染我已经在评论中提到，我不知道为什么会失败，在我看来这就像一个错误。 GitHub 上也有类似的问题 GitHub here、here 和 here。由于它可以在 Android 上运行，但不能在 iOS 上运行，因此我们可以利用 overflow: hidden 的用法。这不适用于 Android。这仅适用于 iOS！如果上述内容在 Android 上适用，那么您可以通过平台模块使用条件解决方案：Platform.OS === 'ios' ? ... : ...。 <View style={{ overflow: 'hidden'}}> <View style={{ borderStyle: 'dashed', borderWidth: 1, borderColor: 'red', margin: -2, marginTop: 0}} /> </View> 技巧是使用 overflow: hidden 作为父级，然后设置 borderWidth: 1，同时另外设置负边距 margin: -2。我们将顶部的边距重置为零。这伪造了顶部虚线边框。这是一个带有子视图的示例，以及它在 iOS 上的外观。 <SafeAreaView style={{ margin: 20 }}> <View style={{ overflow: 'hidden' }}> <View style={{ borderStyle: 'dashed', borderWidth: 1, borderColor: 'red', margin: -2, marginTop: 10, }}> <View style={{ height: 200, width: 200 }} /> </View> </View> </SafeAreaView> 它不起作用，因为您设置了 borderTopWidth 而不是 borderWidth。如果你想要一条虚线，我认为你有两种选择： 1-使用像react-native-dash这样的库 2-使用这个解决方案=> <View style={{ height: 1, width: '100%', borderRadius: 1, borderWidth: 1, borderColor: 'red', borderStyle: 'dashed' }} /> 这就是我的方法： <View style={{overflow: 'hidden'}}> <View style={{ borderStyle: 'dashed', borderWidth: 1, borderColor: '#000', margin: -1, height: 0, marginBottom: 0, }}> <View style={{width: 60}}></View> </View> </View> 我就是这样做的:) dottedLineContainer: { flex: 1, flexDirection: 'row', justifyContent: 'center', alignItems: 'center', overflow: 'hidden', marginLeft: 5, marginRight: 5, }, dottedLineDot: { width: 2, height: 2, backgroundColor: 'grey', borderRadius: 100, marginLeft: 2, }, const dottedLineDots = Array.from({length: 100}, (_, index) => ( <View key={index} style={styles.dottedLineDot}></View> )); <View style={styles.dottedLineContainer}>{dottedLineDots}</View>

css react-native styling

回答 4 投票 0

有没有办法将段落的背景设置为一直到达段落中间，而且还可以在段落结束时结束

我正在尝试创建这样的东西：模拟用户界面其中一组段落后跟一个箭头（mui 图标），然后是一组新文本。但是他们的背景颜色要达到...

html css sass frontend styling

回答 1 投票 0

如何设置 PrimeNg 组件的样式？

所以我在当前的项目中使用 PrimeNg Liberary 并尝试设置该库的组件样式，但问题是我们无法使用普通的 css 类设置这些组件的样式，所以......

html css angular primeng styling

回答 1 投票 0

是否可以使用uuid在react中创建一个唯一变量并将其传递到sass中？

我想知道是否可以创建一个唯一的变量，然后将其附加到我的 React 组件的类名上，并传递到 Sass 样式文件中以定位那些特定的组件...