Heim > Artikel > Web-Frontend > 怎么让li中两个div的字体在同一水平线上_html/css_WEB-ITnose
怎么让li中两个div的字体在同一水平线上_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:47:342328Durchsuche
如题和图，这几个字段不能处于同一水平线上。
回复讨论(解决方案)
暂且不说你的样式如何，就是嵌套结构都有问题，至少违反了前端标签嵌套规范
另外，你的这种结果，特别是要展示数据的，那么最简单的方式 就是利用表格 table
暂且不说你的样式如何，就是嵌套结构都有问题，至少违反了前端标签嵌套规范
另外，你的这种结果，特别是要展示数据的，那么最简单的方式 就是利用表格 table
我知道可以用表格但是这样是是别人的，我就想问下这3个字段怎么能在同一水平线上，谢了
给你的
这2个class加上相等的line-height 比如line-height：20px
不谢
不谢
对了 class="gg" 这个也别忘 三个div布置等高 然后设置line-height相等
楼主让我想起了当年学网页时的惨样呀
给你的
这2个class加上相等的line-height 比如line-height：20px
不谢
你说是这样？不行啊 大神....没用
我试试
你好，我设置了等高style="line-height:20px;"还是不行。
真心感谢，还特地谢了html，主要我的css都是引用别人的，没自己写，谢了，另外怎么把页面设置为自适应浏览器的，就是跟着浏览器缩放
不谢
你说是这样？不行啊 大神....没用
对了 class="gg" 这个也别忘 三个div布置等高 然后设置line-height相等
楼主让我想起了当年学网页时的惨样呀
我试试
对了 class="gg" 这个也别忘 三个div布置等高 然后设置line-height相等
楼主让我想起了当年学网页时的惨样呀
你好，我设置了等高style="line-height:20px;"还是不行。
样式可以随意调整，就是所谓的页面制作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>ul{padding:0;margin:0;list-style:none;}a{text-decoration:none;color:#000;}.col-xs-25 span{float:left;margin-right:10px;}.col-xs-25 span:last{margin-right:0;}</style></head><body><a href="audit_company1.html"><ul class="roww"> <li class="col-xs-25" > <span>申请时间</span> <span>每个状态气站名</span> <span>备注</span> </li></ul></a></body></html>
样式可以随意调整，就是所谓的页面制作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>ul{padding:0;margin:0;list-style:none;}a{text-decoration:none;color:#000;}.col-xs-25 span{float:left;margin-right:10px;}.col-xs-25 span:last{margin-right:0;}</style></head><body><a href="audit_company1.html"><ul class="roww"> <li class="col-xs-25" > <span>申请时间</span> <span>每个状态气站名</span> <span>备注</span> </li></ul></a></body></html> 真心感谢，还特地谢了html，主要我的css都是引用别人的，没自己写，谢了，另外怎么把页面设置为自适应浏览器的，就是跟着浏览器缩放
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：XHTML 基础（含部分css）_html/css_WEB-ITnoseNächster Artikel：后端码农谈前端（CSS篇）第五课：CSS样式_html/css_WEB-ITnose