Heim > Web-Frontend > HTML-Tutorial > 怎么让li中两个div的字体在同一水平线上_html/css_WEB-ITnose

怎么让li中两个div的字体在同一水平线上_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:47:34
Original
2405 Leute haben es durchsucht





如题和图,这几个字段不能处于同一水平线上。


回复讨论(解决方案)

暂且不说你的样式如何,就是嵌套结构都有问题,至少违反了前端标签嵌套规范

另外,你的这种结果,特别是要展示数据的,那么最简单的方式 就是利用表格 table

暂且不说你的样式如何,就是嵌套结构都有问题,至少违反了前端标签嵌套规范

另外,你的这种结果,特别是要展示数据的,那么最简单的方式 就是利用表格 table


我知道可以用表格但是这样是是别人的,我就想问下这3个字段怎么能在同一水平线上,谢了

给你的 

 
 
 这2个class加上相等的line-height 比如line-height:20px
不谢

对了 class="gg" 这个也别忘 三个div布置等高  然后设置line-height相等 
楼主让我想起了当年学网页时的惨样呀

给你的 

 
 
 这2个class加上相等的line-height 比如line-height:20px
不谢

你说是这样?不行啊 大神....没用

对了 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>
Nach dem Login kopieren
Nach dem Login kopieren

样式可以随意调整,就是所谓的页面制作

<!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>
Nach dem Login kopieren
Nach dem Login kopieren


真心感谢,还特地谢了html,主要我的css都是引用别人的,没自己写,谢了,另外怎么把页面设置为自适应浏览器的,就是跟着浏览器缩放
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage