public class NumberConverter {private String [] singleDigit = {"", "one", "two", "three", "four", "five", "six", "seven", "eight ", " 9"}; частная строка [] десятки = {«десять», «одиннадцать», «двенадцать», «тринадцать», «четырнадцать», «пятнадцать», «шестнадцать», «семнадцать», «восемнадцать», «девятнадцать»}; private String [] twoDigits = {"", "", "двадцать", "тридцать", "сорок", "пятьдесят", "шестьдесят", "семьдесят", "восемьдесят", "девяносто"}; public String convertToWords (ввод строки) {long number = Long.parseLong (ввод); int size = input.length (); if (size & lt; = 3) {int num = (int) number; return handle3Digits (num); } else if (размер & gt; 3 & amp; & amp; размер & lt; = 6) {int тыс. = (int) (число / 1000); int hundred = (int) (число% 1000); Строка тыс. = Ручка3Дигиты (тыс.); String hundred = handle3Digits (сот); Строковое слово = ""; if (! тысячи.isEmpty ()) {слово = тысячи + "тыс."; } слово + = сотни; возвращаемое слово; } else if (size & gt; 6 & amp; & amp; size & lt; = 9) {int million = (int) (число / 1000000); число = число% 1000000; int тыс. = (int) (число / 1000); int hundred = (int) (число% 1000); String million = handle3Digits (млн); Строка тыс. = Ручка3Дигиты (тыс.); String hundred = handle3Digits (сот); Строковое слово = ""; if (! million.isEmpty ()) {word = million + "million"; } if (! тысячи.isEmpty ()) {слово + = тысячи + "тыс."; } слово + = сотни; возвращаемое слово; } return «Еще не реализовано».; } private String handle3Digits (int number) {if (number & lt; = 0) return ""; Строковое слово = ""; if (число / 100 & gt; 0) {int divend = number / 100; word = singleDigit [dивиденд] + «сто»; число = число% 100; } if (число / 10 & gt; 1) {int divend = number / 10; число = число% 10; word + = twoDigits [dивиденд]; } else if (number / 10 == 1) {number = number% 10; слово + = десятки [число]; возвращаемое слово; } else {number = number% 10; } if (число & gt; 0) {word + = singleDigit [число]; } return word; }}
Это что-то еще:
div.inline { float:left; }
.clearBoth { clear:both; }
<div class="inline">1<br />2<br />3</div>
<div class="inline">1<br />2<br />3</div>
<div class="inline">1<br />2<br />3</div>
<br class="clearBoth" /><!-- you may or may not need this -->
Просто используйте оболочку div с «float: left» и поместите поля внутри, также содержащие float: left:
CSS:
wrapperline{
width: 300px;
float: left;
height: 60px;
background-color:#CCCCCC;}
.boxinside{
width: 50px;
float: left;
height: 50px;
margin: 5px;
background-color:#9C0;
float:left;}
HTML:
<div class="wrapperline">
<div class="boxinside">Box 1</div>
<div class="boxinside">Box 1</div>
<div class="boxinside">Box 1</div>
<div class="boxinside">Box 1</div>
<div class="boxinside">Box 1</div>
</div>
Встроенный div является уродцем сети и amp; должен быть избит до тех пор, пока он не станет промежутком (по крайней мере 9 раз из 10) ...
<span>foo</span>
<span>bar</span>
<span>baz</span>
... отвечает на исходный вопрос ...
Я бы использовал пробелы или плавал div слева. Единственная проблема с плавающей - это то, что вам нужно очистить поплавок после этого, или содержащий div должен иметь стиль переполнения, установленный на auto
<style type="text/css">
div.inline { display:inline; }
</style>
<div class="inline">a</div>
<div class="inline">b</div>
<div class="inline">c</div>
Я знаю, что люди говорят, что это ужасная идея, но на практике это может быть полезно, если вы хотите сделать что-то вроде изображений с изображениями с комментариями под ними. например Picasaweb использует его для отображения эскизов в альбоме. См. Например / demo http://closure-library.googlecode.com/svn/trunk/closure/goog/demos/inline_block_quirks.html (класс goog-inline-block; я сокращаю его до ib здесь)
/* below is a set of hacks to make inline-block work right on divs in IE. */
html > body .ib { display:inline-block; }
.ib {display:inline-block;position:relative;}
* html .ib { display: inline; }
:first-child + html .ib { display:inline; }
Учитывая, что CSS, установите ваш div в класс ib, и теперь он магически является встроенным блочным элементом.
ok, для меня:
<style type="text/css">
div{
position: relative;
display: inline-block;
width:25px;
height:25px;
}
</style>
<div>toto</div>
<div>toto</div>
<div>toto</div>
Для правильного пути inline вы должны использовать
blockquote><span>
вместо<div>
. потому что div является элементом уровня блока, а ваше требование - для элементов уровня встроенного блока.Вот html-код в соответствии с вашими требованиями:
<div class="main-div"> <div>foo</div> <div>bar</div> <div>baz</div>` </div>
Вы это два способа сделать это
- , используя простой
display:inline-block;
- или используя
float:left;
, чтобы вы чтобы изменить свойство отображения
display:inline-block;
принудительноПример 1
div { display: inline-block; }
Пример два
div { float: left; }
вам нужно очистить float
blockquote>.main-div:after { content: ""; clear: both; display: table; }
<div class="cdiv">
<div class="inline"><p>para 1</p></div>
<div class="inline">
<p>para 1</p>
<span>para 2</span>
<h1>para 3</h1>
</div>
<div class="inline"><p>para 1</p></div>
Как уже упоминалось, отображение: inline - это, вероятно, то, что вы хотите. Некоторые браузеры также поддерживают встроенные блоки.
мы можем сделать это, как
.left {
float:left;
margin:3px;
}
<div class="left">foo</div>
<div class="left">bar</div>
<div class="left">baz</div>
Вы должны содержать три div. Вот пример:
CSS
div.contain
{
margin:3%;
border: none;
height: auto;
width: auto;
float: left;
}
div.contain div
{
display:inline;
width:200px;
height:300px;
padding: 15px;
margin: auto;
border:1px solid red;
background-color:#fffff7;
-moz-border-radius:25px; /* Firefox */
border-radius:25px;
}
Примечание: атрибуты border-radius являются необязательными и работают только в CSS3-совместимых браузерах.
HTML
<div class="contain">
<div>Foo</div>
</div>
<div class="contain">
<div>Bar</div>
</div>
<div class="contain">
<div>Baz</div>
</div>
Обратите внимание, что divs 'foo' 'bar' и 'baz' хранятся внутри div 'contains'.
Я просто стараюсь, чтобы они фиксировали ширину, чтобы они соответствовали общей ширине страницы - возможно, она работает только в том случае, если вы используете страницу с фиксированной шириной. Также «плавать».
Я думаю, вы можете использовать этот способ без использования каких-либо css -
<table>
<tr>
<td>foo</td>
</tr>
<tr>
<td>bar</td>
</tr>
<tr>
<td>baz</td>
</tr>
</table>
Используйте display:inline-block
с полем и медиа-запросом для IE6 / 7:
<html>
<head>
<style>
div { display:inline-block; }
/* IE6-7 */
@media,
{
div { display: inline; margin-right:10px; }
}
</style>
</head>
<div>foo</div>
<div>bar</div>
<div>baz</div>
</html>
Попробуйте записать его так:
<div style="display: inline">a</div>
<div style="display: inline">b</div>
<div style="display: inline">c</div>
Прочитав этот вопрос и ответы пару раз, все, что я могу сделать, это предположить, что процесс редактирования довольно велик, и мое подозрение в том, что вам был дан неправильный ответ, основанный на недостаточном обеспечении Информация. Моя подсказка исходит от использования тега br
.
Извинения перед Даррилом. Я читал class = "inline" как style = "display: inline". У вас есть правильный ответ, даже если вы используете семантически сомнительные имена классов ;-)
Пропустить использование br
для обеспечения структурной компоновки, а не для текстового макета, слишком распространено по моему вкусу.
Если вы хотите поместить больше, чем встроенные элементы внутри этих divs
, тогда вы должны плавать с этими div
, а не делать их встроенными.
Плавающие divs:
===== ======= == **** ***** ****** +++++ ++++
===== ==== ===== ******** ***** ** ++ +++++++
=== ======== === ******* **** ****
===== ==== ===== +++++++ ++
====== == ======
Inline divs:
====== ==== ===== ===== == ==== *** ******* ***** *****
**** ++++ +++ ++ ++++ ++ +++++++ +++ ++++
Если вы после первого, то это ваше решение и потерять те br
теги:
<div style="float: left;" >
<p>block level content or <span>inline content</span>.</p>
<p>block level content or <span>inline content</span>.</p>
</div>
<div style="float: left;" >
<p>block level content or <span>inline content</span>.</p>
<p>block level content or <span>inline content</span>.</p>
</div>
<div style="float: left;" >
<p>block level content or <span>inline content</span>.</p>
<p>block level content or <span>inline content</span>.</p>
</div>
отмечают, что ширина этих divs является текучей, поэтому не стесняйтесь устанавливать на них ширины, если вы хотите контролировать поведение.
Спасибо, Стив
<div>foo</div><div>bar</div><div>baz</div>
//solution 1
<style>
#div01, #div02, #div03 {
float:left;
width:2%;
}
</style>
<div id="div01">foo</div><div id="div02">bar</div><div id="div03">baz</div>
//solution 2
<style>
#div01, #div02, #div03 {
display:inline;
padding-left:5px;
}
</style>
<div id="div01">foo</div><div id="div02">bar</div><div id="div03">baz</div>
/* I think this would help but if you have any other thoughts just let me knw kk */