我想模拟聊天软件的界面, 你一句, 我一句, 一个靠左, 一个靠右
回复讨论(解决方案)
好像不可以,你如果要做成这样的话,建议是重写,这样还好看一点。
好像不可以,你如果要做成这样的话,建议是重写,这样还好看一点。
什么叫重写
就是你自己写以个列表项啊,用一个标签代替不就行了么。
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/topic.css"> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <style type="text/css"> .content{ height: 300px; width: 200px; } span{ display: inline-block; height: 10px; width: 10px; background-color: #000; border-radius: 10px; } .left span,.left p{ float: left; } .right span,.right p{ float: right; } .left p,.right p{ width: 190px; } .right p{ text-align: right; } </style></head><body> <p> <p><span></span><p>11111</p></p> <p><span></span><p>11111</p></p> <p><span></span><p>11111</p></p> <p><span></span><p>11111</p></p> <p><span></span><p>11111</p></p> <p><span></span><p>11111</p></p> </p></body><script type="text/javascript"></script></html>
谢了.
顺便再问一个问题, 就是用text-align:right与float:right的区别.
text-align只能使文字靠右吗.
float:right我试过, 如果有多个就会都浮到第1行从而重叠, 要想控制一个元素向右浮而不向上浮, 最关键是什么
1.text-align是规定元素内文字的对齐方式,float:right是使元素浮动。
2.text-align有五个值,left靠左,center居中,right靠右,justify两端对齐,inherit继承父元素的值,一般默认的值为left。
3.好好去理解一下float是什么
w3school上的float我看过了, 看得一知半解. 所以才来论坛问, 您可以用通俗一点的语言解释一下吗, 或者说一下让一个元素向右靠而不会浮到最上面的关键在哪
你要把布局那一章全都看一下, 不要光看浮动。首先你要理解的就是什么是文档流。
浮动你可以理解为一个元素紧挨着一个元素,当某一行已经装不下浮动元素以后,最后一个浮动元素就会换行。例如,有三个浮动元素宽度都是100px,它们的父级元素的宽度是250px,这个时候第三个元素会下移而不是紧挨第二个元素。
有很多方法可以实现你所需要的效果的,不一定要浮动,例如定位也可以。
ps:如果你真的想好好做出来的话,就稍微学一下前端的东西,前端的东西学起来不算难,很快就可以入手的。

本文讨论了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;和前

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

本文解释了HTML5&lt; time&gt;语义日期/时间表示的元素。 它强调了DateTime属性对机器可读性(ISO 8601格式)的重要性,并在人类可读文本旁边,增强Accessibilit

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

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


热AI工具

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

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

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

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

热门文章

热工具

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

SecLists
SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

Dreamweaver CS6
视觉化网页开发工具

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