极客观点
研发管理
HarmonyOS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{margin:0px;}
.container{
display:flex;
width:170px;
}
.image{
/*float:left;*/
height:100px;
width:100px;
margin-right:15px;
}
.news{
/*float:left;*/
flex-grow:1;
/*flex-shrink:7;*/
/*width:170px;*/
height:100px;
line-height:25px;
font-family:"宋体";
overflow:hidden;
}
.title{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
font-weight:bold;
font-size:16px;
}
.paragraph{font-size:14px;
color:#666;
}
</style>
</head>
<body>
<div class="container">
<img class="image" src="http://163.com/x.jpg ">
<div class="news">
<div class="title">标题文字标题文字标题文字标题文字</div>
<div class="paragraph">段落文字段落文字段落文字段落文字段落文字段落文字段落文字段落文字段落文字段落文字</div>
</div>
</div>
</body>
</html>下面代码，flex自适应布局，但是图片宽度变窄了而不是文字的宽度变窄，我测试过是文字影响了导致没法自适应，为什么，应该怎么改？
阅读 9.8k
推荐问题
为什么这个动画一直在抖动?
demo为什么这个动画一直在抖动?3 回答1.7k 阅读✓ 已解决
只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？
只用一个div，宽高固定（width: 100px; height: 50px;），文本内容不固定，如何实现水平、垂直居中，超出两行显示省略号？3 回答993 阅读✓ 已解决
如何实现 前端视频流的处理 和优化？
处理视频流，比如在 WebRTC 项目中如何处理视频的分辨率变化、帧率控制等问题？2 回答1.1k 阅读✓ 已解决
通栏banner图片，如何不变形且内容完全显示不裁剪啊？
要求图片等比例完整显示不裁剪不留白， 图片比例固定是16/3使用object-fit: contain; 图片两边有空白使用object-fit: cover; 图片显示不全，被裁剪了原图3 回答1.1k 阅读✓ 已解决
我看到很多网站，都会对CSS初始化：`margin: 0; padding: 0;` ，目的是什么呢？
我看到很多网站，都会对CSS初始化：margin: 0; padding: 0; {代码...} 比如： {代码...} 请问这个目的是什么呢？1 回答1.4k 阅读✓ 已解决
这个内嵌的CSS样式，实际审查元素这个CSS样式是空的，这是怎么实现的？
当你查看这个CSS的时候，<style data-styled="active" data-styled-version="6.1.12"></style> 里面是什么页面，这怎么实现是，哪里能找到这个CSS文件2 回答854 阅读✓ 已解决
有哪个开源的js时间插件支持，年，季度，月，周，日范围选择？
有哪个开源的js时间插件支持，年，季度，月，周，日范围选择？年：季度：月：周：日：2 回答1.6k 阅读✓ 已解决
宣传栏
方法:
img的src填上有效的图片地址或者.image的样式加上flex-shrink:0.img的src填上有效地址:你的图片地址失效将会显示
alt属性的值,然后根据flex属性,因为.news不够位置显示,会优先压缩剩余空间.希望不被压缩就添加flex-shrink:0样式添加flex-shrink:0:我的博客