Question

我希望我的文字可以说＃34;像我们一样在Facebook上有机会赢得奖品。＆＃34;我想要＆＃34; Facebook＆＃34;相关但未加下划线。我还希望文本和链接在一行上。 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);
}

Answer 1

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链接在内联html属性text-decoration: none中负责CSS style。

Answer 2

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删除所有额外的内容，例如下划线。

Answer 3

使用css文件更好地设置样式。在您的情况下，为了删除下划线，您可以为Facebook div设置id，并将text-decoration样式设置为none。此外，要使其显示在一行中，您可以使用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标签，它就不会换新线。就像上面的答案一样。

如何修复文本以使其显示在一行？

3 个答案: