关于css的简单问题,如果把Div和Span放到同一行?_html/css_WEB-ITnose
<table> <tr> <th style="width:180px;border:1px solid red"> <div>div</div> <span>span</span> </th> </tr> </table>
上面这段代码,如果能通过调整Span的css,把span和div放到同一行?
注意,不能调整除span之外的任何元素的css属性。但是可以把span变成其他的元素,则要这个元素支持背景为图片的属性。
回复讨论(解决方案)
没办法。。div已经把上面都充满了,不改其他元素的样式肯定是无解了。
要么span外面再加一个div
这样:
<table> <tr> <th style="width:180px;border:1px solid red"> <div>div</div> <div><span>span</span></div> </th> </tr> </table>
LZ有答案么,我想不出办法
<table> <tr> <th style="width:180px;border:1px solid red"> <div>div</div> <div style="position:relative;"><span style="position:absolute;top:-22px;left:0;">span</span></div> </th> </tr> </table>
忘记写样式了,补上
span只能absolute定位了,left,top自己调整~~
span div |
---|
限制自己 用更小范围的手段 实现需求
没什么意思吧
div span |
---|
<table> <tr> <th style="width:180px;border:1px solid red"> <div style="float:left"> div </div> <div> <span> span </span> </div> </th> </tr></table>
二货,为什么一个用div,一个用span 呢?你懂行内元素和块级元素吗?先把哪些是行内元素,哪些是块级元素搞搞清楚,再来使用它们!否则你的布局就是一个大坑......
span只能absolute定位了,left,top自己调整~~
absolute定位脱离父元素来,不好。
span div |
---|
这才是真正的高人!
span div |
---|
这才是真正的高人!
这才是真正的高人,把这个帖子保留一天给类似于“wuzhengqing1”和“KK3K2005”这些自以为是的人膜拜一天。

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

本文讨论了HTML&lt; Progress&gt;元素,其目的,样式和与&lt; meter&gt;元素。主要重点是使用&lt; progress&gt;为了完成任务和LT;仪表&gt;对于stati

本文讨论了html&lt; datalist&gt;元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

本文讨论了HTML&lt; meter&gt;元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了&lt; meter&gt;从&lt; progress&gt;和前

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

本文讨论了视口元标签,这对于移动设备上的响应式Web设计至关重要。它解释了如何正确使用确保最佳的内容缩放和用户交互,而滥用可能会导致设计和可访问性问题。

本文讨论了&lt; iframe&gt;将外部内容嵌入网页,其常见用途,安全风险以及诸如对象标签和API等替代方案的目的。

GiteePages静态网站部署失败:404错误排查与解决在使用Gitee...
