[問題] jQuery button 100% width
請問jQuery的按鈕能用100%寬嗎?
我自己試過了不少地方 但都無法讓button100%寬
我試過在button底下 也用過在jQuery指令下
但button就是只有再隨著字體長短改變
請幫我看一下 謝謝
以下為程式碼:
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>jQuery UI Example Page</title>
<link type="text/css"
href="../../jQuery/css/custom-theme/jquery-ui-1.8.22.custom.css"
rel="stylesheet">
<script type="text/javascript"
src="../../jQuery/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript"
src="../../jQuery/js/jquery-ui-1.8.22.custom.min.js"></script>
<script type="text/javascript">
$(function(){
// Button
$("#button").button();
$("#radioset").buttonset();
});
</script>
<style type="text/css">
/*demo page css*/
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px; }
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons margin: 0; padding: 0;}
ul#icons li {{margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;}
ul#icons span.ui-icon {100%; float: left; margin: 0 4px;}
</style>
<title></title>
</head>
<body>
<!-- Button -->
<button id="button"><a href="A" rel="nofollow">http://www.test.com">A button element</a></button>
<!-- Button -->
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 1.162.70.131
→
08/06 19:40, , 1F
08/06 19:40, 1F
→
08/08 18:38, , 2F
08/08 18:38, 2F