css - 表 TD 元素换行中的图层(div)
问题描述
我正在尝试在表 TD 元素中制作 layer(div) 框。问题是文本自动换行。我认为因为它在表格单元格中。
我希望图层框宽度是流动的,但最大宽度是 400 像素;有没有办法解决这个问题?
这是演示 http://jsfiddle.net/671474hx/160/
<style>
.box { position:relative;}
.layer { position:absolute; display:inline-block; top:30px; left:30px; border:1px solid #000; max-width:400px; background:#eee }
</style>
<table class="list_member" border=1>
<tbody>
<tr>
<td>
<div class="box">
td
<div class="layer">
text text text text text text text text text text text
</div>
</div>
</td>
</tr>
</tbody>
</table>
解决方案
不要给你的 .layer 类一个最大宽度。将其更改为固定宽度,文本将在容器中换行。
.layer{
width: 300px;
}
推荐阅读
- java - java.lang.IllegalStateException:没有合适的构造函数:
- c# - 从 .NET Core Web API POST 方法中调用外部 Web 服务
- javascript - 如何在 VSCode 中显示来自 JS 文件的内联源映射的源代码?
- django - 由于在 django 中更改应用程序名称,virtualenv 引发 importerror
- c++ - 使用 make libnl 对 linux 进行“未定义的引用”
- python - 设置梯度下降过程
- android - Android 整理 Intent 调用父级的 onCreate()
- c# - 每个 nameof() 用自己的名称初始化只读字符串的缺点?
- javascript - WebRtc 远程流未在 Web 中呈现
- git - 如何在 Atom 中使用 git 的编辑器?