Как исправить мой текст, чтобы он отображался в одной строке?

Я хотел бы, чтобы мой текст сказал: «Как мы на Facebook, чтобы выиграть приз». Я хочу, чтобы слово «Facebook» было связано, но не подчеркнуто. Я также хочу, чтобы текст и ссылка были в одной строке. Here is what the output looks like now Как исправить мой текст, чтобы он отображался в одной строке?

Вот мой код.

function popupWin() { 
text = "<html>\n<head>\n<title>Pop Window</title>\n<body>\n"; 
text += "<center>\n<br>"; 
text += "<h4>Like us on </h4>" + "<a href='myLink' target='_blank'><h4>Facebook</h4></a>" + " <h4>and win a prize</h4>"; 
text += "</center>\n</body>\n</html>\n"; 
setTimeout('windowProp(text)', 1000); 
} 
function windowProp(text) { 
newWindow = window.open('','newWin','width=300,height=200'); 
newWindow.document.write(text); 
}

источник

2016-09-09 threebubblesoup

Каждый '

' является блоком. Вам не нужны три, вы, вероятно, захотите один с содержимым внутри. – vlaz

И чтобы сделать это не подчеркнуто, вам нужно «text-decoration: none;' на '' – neilsimp1

function popupWin() { 
text = "<html>\n<head>\n<title>Pop Window</title>\n<body>\n"; 
text += "<center>\n<br>"; 
text += "<h4>Like us on " + "<a href='myLink' target='_blank' style='text-decoration: none;'>Facebook</a>" + " and win a prize</h4>"; 
text += "</center>\n</body>\n</html>\n"; 
setTimeout('windowProp(text)', 1000); 
} 
function windowProp(text) { 
newWindow = window.open('','newWin','width=300,height=200'); 
newWindow.document.write(text); 
} 

popupWin();

Один <h4> тег достаточно, чтобы сделать весь текст h4. Вам не нужно умножать его.

Для подчеркивания ссылки Facebook является ответственным CSS text-decoration: none в встроенном атрибуте html style.

источник

2016-09-09 19:56:28 user40194

function popupWin() { 
     text = "<html>\n<head>\n<title>Pop Window</title>\n<body>\n"; 
     text += "<center>\n<br>"; 
     text += "<h4 style="display:inline">Like us on </h4>" + "<a href='myLink' target='_blank' style="text-decoration:none; display:inline"> <h4 style="display:inline">Facebook</h4></a>" + " <h4 style="display:inline"> and win a prize</h4>"; 
     text += "</center>\n</body>\n</html>\n"; 
     setTimeout('windowProp(text)', 1000); 
}

Должно работать!

display:inline делает элементы входят в одну линию

text-decoration:none удаляет все лишние вещи, как подчеркивание.

источник

2016-09-09 20:00:40

Или вы можете просто сделать один тег

.

Нравится программа (ы) с Facebook и выиграв призы

–

Лучше укладка его с помощью css-файла. В вашем случае, чтобы удалить подчеркивание, вы можете установить идентификатор для div в Facebook и стилизовать текст-украшение никому. Кроме того, чтобы он отображался в одной строке, вы можете использовать float: left или display: inline. Вы можете использовать float: left, потому что он превратит блок-элемент в встроенный элемент. Как Ниже

JS:

function popupWin() { 
text = "<html>\n<head>\n<title>Pop Window</title>\n<body>\n"; 
text += "<center>\n<br>"; 
text += "<h4>Like us on</h4>" + "<h4><a href='myLink' target='_blank' id="facebook" Facebook</a></4>" + "<h4>and win a prize</h4>"; 
text += "</center>\n</body>\n</html>\n"; 
setTimeout('windowProp(text)', 1000); 
} 
function windowProp(text) { 
newWindow = window.open('','newWin','width=300,height=200'); 
newWindow.document.write(text); 
}

CSS:

#facebook { 
    text-decoration: none; 
} 
h4 { 
    float:left // or display:inline 
}

P/S: Или вы можете просто удалить все ненужные h4 тег, поскольку каждый h4 представляет собой блок-элемент, поэтому он будет автоматически создавать новые, например, при создании нового тега h4. поэтому, если вы используете только один тег h4, он не будет создавать новую строку. Как и выше, ответ.

источник

2016-09-09 20:00:43

Как исправить мой текст, чтобы он отображался в одной строке?

' является блоком. Вам не нужны три, вы, вероятно, захотите один с содержимым внутри. – vlaz

ответ

.

Нравится программа (ы) с Facebook и выиграв призы

Смежные вопросы