zoukankan      html  css  js  c++  java
  • ul li排版 左右对齐

    定义两个ul的class, 一个向左浮动, 一个向右浮动

    #navtop{
          100%;
          height:46px;
          background-color:#ecf0f1;
          text-align:center;
         overflow:hidden;
    }

    .navtop-skin li { float:left; margin:0px; padding:0 20px; /*position:relative; right:20%;*/ margin-left:20px; line-height:40px; border:solid 0px #000; } .navtop-right{ float:right; position:relative; right:9%; }

    网页元素

    <div id="navtop">
    	<ul class="navtop-skin">
    		<li>						 
    			<font color="#2c3e50"><strong>| Server Info.|</strong></font>      
    			<input type="text" placeholder="Search" name="selectitem" id="selectitem" title="Input IP;Name;Usage;Manager"  oninput="javascript:goto(${usersession.hasPrivilegeByName("Server Info.")})"  style="color:#95a5a6; padding-left:5px;border-radius:5px;  160px; height:30px; vertical-align:middle;">
    		</li> 
    	</ul>
    	 <ul class="navtop-right">
    		 <li >						
    		  <a href="/portal/server/importExec" title="Data Download">
    			<img src="${pageContext.request.contextPath}/style/images/excel6.jpg"   width=20px height=20px style="padding-top:15px"/>
    		  </a>
    		 </li> 
    	 </ul>
    </div>
    
  • 相关阅读:
    JavaEE 第四周
    JavaEE 第三周
    JavaEE 第二周
    JavaEE 第一周
    js字符串方法
    javaee项目库存管理系统总结
    javaee期末团队项目库存管理系统概要信息
    JAVAEE第十一周
    JSON
    Facelets
  • 原文地址:https://www.cnblogs.com/wujixing/p/5947965.html
Copyright © 2011-2022 走看看