How do i put the text in the bottom of a button?
Question
I have looked/searched for alignment, position(ing) etc.
See picture:
4 answers
solution1
0 2012-08-05 13:38:11
Something like:
input
{
display: block;
padding-top: 300px;
}
It should work.
Example: http://jsfiddle.net/bkePe/1/
solution2
0 2012-08-05 13:39:45
Have you looked into layouts? Create a container and stack a button and a label on it.
http://layout.jquery-dev.net/documentation.cfm#Properties_Methods
solution3
0 2012-08-05 16:27:04
How about using the built-in positioning?
data-iconpos="top"
Source: http://jquerymobile.com/test/docs/buttons/buttons-icons.html
solution4
0 2012-08-07 05:46:20
Ok, got it working:
<head>
<style type="text/css">
<!--
a{
line-height: 500px;
text-align:buttom;
}
-->
</style>
</head>
<body>
<a data-corners="false" href="index.html" data-role="button" data-icon="delete"
data-iconpos="top" data-theme="a">LIVINGROOM</a>
</body>
</html>
Note: line-height: 500px; because my buttons are bigger than standard.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.