Search jQuery

jQuery Forum

in jQuery Mobile • 8 years ago

Hello,

I try to use listview , but it creates unwanted spaces.

How can i fix this problem.

Screen

My codes like below.

	<!DOCTYPE html>
	<html>
	<head>
	<title>Test</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
	<script src="http://code.jquery.com/jquery-1.11.1.min.js"> </script>
	<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </script>

	</head>

	<body>

	<div data-role="page" id="home" data-theme="a" data-cache="never">


	<div role="main" class="ui-content">


	<ul data-role="listview" data-inset="true" data-divider-theme="a">
	<li data-role="list-divider">Mail</li>
	<li> <a href="#">Inbox</a> </li>
	<li> <a href="#">Outbox</a> </li>
	<li data-role="list-divider">Contacts</li>
	<li> <a href="#">Friends</a> </li>
	<li> <a href="#">Work</a> </li>
	</ul>



	</div>


	</div>

	</body>
	</html>