zoukankan      html  css  js  c++  java
  • css实现中间横线俩边文字效果

    <!DOCTYPE html>
    <html lang="en">
    
    	<head>
    		<meta charset="UTF-8">
    		<meta name="viewport" content="width=device-width, initial-scale=1.0">
    		<meta http-equiv="X-UA-Compatible" content="ie=edge">
    		<title>Document</title>
    		<style>		
    			.menu-list {
    				display: flex;
    				flex-direction: row;
    				justify-content: space-between;
    				 600px;
    				flex: 1;
    			}
    		</style>
    	</head>
    
    	<body>
    		<div class="menu-list">
    			<div>猪肉大葱饺子</div>
    			<hr style="border-top:1px dashed #000; height:1px;flex:1">
    			<div>10元</div>
    		</div>
    		<div class="menu-list">
    			<div>鸡蛋水饺</div>
    			<hr style="border-top:1px dashed #000; height:1px;flex:1">
    			<div>10元</div>
    		</div>
    		<div class="menu-list">
    			<div>土豆丝</div>
    			<hr style="border-top:1px dashed #000; height:1px;flex:1">
    			<div>10元</div>
    		</div>
    		<div class="menu-list">
    			<div>宫保鸡丁</div>
    			<hr style="border-top:1px dashed #000; height:1px;flex:1">
    			<div>10元</div>
    		</div>
    	</body>e
    </html>
    
  • 相关阅读:
    hdu-美素数
    codeforces-Jeff and Periods
    codeforces-Domino
    UVA10878
    UVA537
    UVA10815
    c语言中的qsort函数(转)
    Loadrunner进行性能测试的步骤
    LoadRunner打开WebTours只显示头部解决办法
    性能测试的基本概念
  • 原文地址:https://www.cnblogs.com/lml-lml/p/11436173.html
Copyright © 2011-2022 走看看