css - react组件块中的materialize-css仍然重叠
问题描述
我这里有两个问题:
调整屏幕大小时,文本位于图像后面并且变得太小。
当我开始从大到小调整屏幕大小时(发生在早期),徽标图像稍微向右凸出。
我在我的反应应用程序中使用 materialize-css。
<nav>
<div className='nav-wrapper'
style={{overflow: 'hidden'}}>
<img
className='round logo-img brand-logo left responsive-img col s2'
style={{maxHeight:'100%', display:'block'}}
src={'../../../public/favicon.ico'}>
</img>
<h4
className='col s10 right'
style={{whiteSpace:'nowrap', display:'block'}}
>
COMPANY NAME
</h4>
</div>
</nav>
解决方案
推荐阅读
- php - 流明中间件排序(优先级)
- batch-file - 如何将多个文件夹复制到目录名称为当前年份和月份的新目录?
- python - 使用 BioPython 读取 fasta 文件时如何修复“生成器”对象不可下标”错误
- python - 如何一次读取多个文本文件并使用数据?
- apache-spark - EMR 集群利用率
- django - Django Simple History, need a queryset to sort changes to model by date?
- javascript - 如何遍历 Google 表格中的事件 ID 以检索附件 ID?
- express - Vue + Express(NestJS) 不可能完成的任务,您正在使用 Vue 的仅运行时构建,其中
- ruby - 使用 AES 的 Rails 加密,过于复杂
- linux - SSH 使用 Perl 脚本在远程站点中创建目录