腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
带有
截断
文本
的
flex
布局
的
顺风
css
、
、
在
flex
实用程序
的
帮助下,我用
顺风
css
创建了一个页面
布局
。现在我正在为一个问题而苦苦挣扎。 在右边有一个标题和描述
的
标题部分。现在,我希望描述永远不会超过宽度
的
100%,如果宽度超过100%,则会自动
截断
文本
。我准备了一个工作示例来演示我
的
问题: <link href="https://unpkg.com/tailwindcss@^2/dist/
浏览 37
提问于2021-11-21
得票数 0
回答已采纳
1
回答
如何将路由器
的
路由作为组件
的
道具传递?
、
、
我想保持主侧导航不变,这应该占20%
的
页面。其余
的
80%
的
页面应该有第一行作为标题导航,这应该是恒定
的
。在单击导航链接时,第2行中
的
路由内容应该会更改到标题导航下面。
浏览 2
提问于2022-11-29
得票数 0
2
回答
具有可滚动内容
的
嵌套粘性侧栏
、
、
、
、
我正在尝试构建一个具有以下形状
的
布局
:我试图用
顺风
、
css
和
flex
属性构建
布局
,但我无法正确地获得第二个侧边栏。要么侧边栏与内容一起滚动,要么我根本无法滚动内容。我
的
顺风
代码大致如下所示: <div className="h-screen sticky top-0"> { Sideb
浏览 8
提问于2022-04-02
得票数 0
回答已采纳
1
回答
将
文本
置于固定宽度
的
包装项目上方居中,忽略容器
的
剩余空间
、
我们想要如下所示
的
布局
,但不知道如何将"Center here“
文本
居中。目前,我们根据外部容器将其居中。它看起来太靠右了。在本例中,一行中只有两个项目,因此在项目的右侧留有空格。我们希望
文本
居中于最上面一排左对齐
的
换行项目的上方,不包括右侧多余
的
空格。这将取决于该行中可以容纳多少项。 ? 蓝色表示
flex
-box
的
宽度。下面是我们当前使用
的
顺风
CSS
类: className=&q
浏览 56
提问于2021-11-11
得票数 0
1
回答
在
顺风
的
css
中添加自定义响应类
、
、
、
这是因为当我浏览文档时,md:grid-flow-col没有包含在
顺风
css
中。 } grid-template-columns: repeat(5, minmax(0, 1fr));
flex
-direction: row;我想补充一句: .md\:grid-f
浏览 12
提问于2022-10-31
得票数 -1
1
回答
多行
文本
省略
的
Flexbox
、
、
我一直在使用空格:无包装、
文本
溢出:省略和溢出:隐藏
的
CSS
属性来创建多行
文本
的
省略
截断
。然而,当使用flexbox时,这是行不通
的
。当使用
flex
时,
文本
溢出:省略似乎总是将
flex
项
的
高度
截断
为一行。 对于多行
文本
,可以使用
flex
和
css
省略
截断
的
一些组合吗?<div classN
浏览 5
提问于2016-08-16
得票数 3
1
回答
带有
postcss和
css
模块
的
Tailwindcss
、
、
我在想,
带有
CSS
模块
的
Tailwind
CSS
/ post
css
将很好地结合在一起。编写更少
的
代码,生成更少
的
CSS
,但是...当我在@apply中使用
顺风
时,它只是将样式应用到那个类 示例 .root {} 从styles.root到"root
flex
align-center“,但它只是将
css</em
浏览 19
提问于2021-03-20
得票数 1
2
回答
固定img中心和锚标签
的
顺风
或常规
css
、
、
、
这是我
的
密码。你认为什么是使img成为中心
的
最好方法,我是新
的
web开发人员,所以需要一些专业人士
的
意见。 <img src="" alt="" class=""> <div class="video__text-box
flex
justify-center absolute">
浏览 1
提问于2022-02-23
得票数 0
1
回答
用tailwindCSS向右下角发出对中
的
div
、
、
<div class="
flex
flex
-wrap -mx-3 mb-3"> <div class="card card-panelfont-weight: 300; text-align: right;在.sunvalue中,它应该在卡
的
右下角对齐与52% de soleil相同
浏览 0
提问于2020-07-27
得票数 0
2
回答
没有出现
顺风
挠曲类
、
、
我在试着设置
顺风
。当我使用
flex
的
类名时,我希望
flex
属性会显示在元素样式中。所有其他元素样式都会出现,但与
flex
相关
的
元素不会出现。这是一个新
的
react应用程序。为什么会发生这种情况?我在npx中使用
顺风
cli设置
顺风
。<div className="
flex
flex
-row justify-between mx-auto bg-gray-200 shadow borde
浏览 6
提问于2022-05-09
得票数 0
2
回答
如何使
文本
在
顺风
css
中垂直对齐
、
我想用
顺风
css
和im卡住我
的
文本
垂直对齐。<div class="w-60 bg-red-200
flex
items-center
flex
-col"> <h1 class="">Loremipsm dolor.
浏览 3
提问于2022-08-06
得票数 0
回答已采纳
1
回答
有没有办法使用其他
css
类来组合
css
类?
、
、
我一直在研究
顺风
CSS
,当我使用它时,感觉就像HTML中
的
写作风格。这使得这个库对我来说使用起来很笨拙。但当我看着它
的
时候,我有了一个想法。而不是像这样使用
顺风
<div class="p-4
flex
text-lg">Something</div> 我是否可以使用一些
CSS
预处理器来实现这一点: // in html <div class="some">Some
浏览 9
提问于2020-12-06
得票数 2
回答已采纳
1
回答
CSS
- text-overflow在IE10中不起作用
、
、
、
、
当
文本
太长时,我使用下面的
css
来
截断
文本
。
布局
使用
flex
,它在Chrome上工作得很好,但在IE10上有3个点(...)不显示,并且
文本
被简单地剪切。nowrap; text-overflow: ellipsis;} 当我在IE10中打开开发人员控制台并查看应用于元素
的
css
浏览 1
提问于2017-06-24
得票数 3
1
回答
如何
截断
flex
子函数中
的
按钮
文本
、
我在使用柔性盒实现理想
的
布局
时遇到了困难。我需要一个不收缩
的
孩子,和两个孩子,他们可以收缩/成长,并根据他们
的
内容被
截断
,同时考虑到他们
的
内容大小。这是可行
的
(使用尾风
CSS
类,但并不重要): <div class="
flex
-none">Lorem</
浏览 3
提问于2022-07-13
得票数 0
回答已采纳
1
回答
有没有从NextJs应用程序中删除所有
顺风
css
类
的
功能?
、
、
、
我们正处于像亚马逊这样
的
大项目中。因此,两个分支使用引导4。现在我们在主分支中安装
顺风
css
,我还在tailwind.config.js中添加了内容路径。完美的工作..。但现在
的
问题是从
顺风
类中得到一些重写
的
引导.当我从global.
css
中移除@
顺风
基时,组件、实用程序就可以正常工作了。但是,在添加了这些行之后,引导程序就不再起作用了,这就出现了一些
顺风
类。
浏览 1
提问于2022-02-17
得票数 0
回答已采纳
3
回答
虽然在android手机上使用React本机时
Flex
-1不起作用
、
我
的
代码:- <View className="
flex
-rowspace-x-2 bg-gray-200 p-3
flex
-1"> <TextInputkeyboa
浏览 8
提问于2022-07-07
得票数 0
1
回答
flex
列中
的
文本
省略号
、
、
我正在尝试让
文本
省略在
flex
列
布局
中工作,在
flex
行中。一个用例是类似于
带有
图标的选项卡-所有的选项卡都需要放在一行中,并且可能会被
截断
,并且选项卡具有内部列
布局
,因此图标位于
文本
上方。有可能让大小调整正确工作,但我找不出一种方法让
截断
工作,同时保持水平灵活性。我创建了this plunkr来演示-正如您在两个选项中看到
的
那样,拉伸工作正常,行包装/列包装缩小以适合容器,但是一旦将包装切换到列,
浏览 19
提问于2019-09-19
得票数 0
2
回答
如何使Material-UI CardActions始终粘附在父级
的
底部
、
第二个Material-UI卡
的
蓝色CardActions部分没有留在底部,这使得页面看起来不简洁。 我已经尝试将CardContent
的
高度设置为100%,但什么都没有改变。我创建了一个沙箱来说明这个问题: https://codesandbox.io/s/happy-glitter-7vyep 我希望Material-UI CardAction始终位于容器
的
底部,无论我在
浏览 56
提问于2019-09-06
得票数 3
回答已采纳
2
回答
如何使用
flex
框平均分配图像和子元素?
、
、
、
我正在添加一个图像和许多
文本
输入(FloatLabelTextInput)到一个反应本地应用程序
的
<View>。到目前为止,我还没有在y轴上用
flex
属性平均地间隔图像和
文本
输入。我已经测试并模拟了该应用程序在“世博反应”中
的
视图--本机沙箱在这里使用了我使用
的
相同
的
CSS
:
浏览 1
提问于2017-12-30
得票数 2
回答已采纳
3
回答
填充空格后
顺风
CSS
截断
、
我想用
文本
填充卡片上
的
一个空格,并
截断
所有不适合省略号
的
剩余
文本
。 <div class=&q
浏览 2
提问于2019-11-06
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
微信小程序的WCSS相比传统的CSS,最大的优势在于Flex布局
最全的实现垂直居中的方法
WEB开发技术基础知识整理——CSS
基于 Flexbox和CSS Grid 的高效布局
前端开发“居中”问题总结,希望对大家有帮助
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券