此处将为大家介绍关于如何在HTML中将长行换行而没有空格？的详细内容，并且为您解答有关如何在html中将长行换行而没有空格呢的相关问题，此外，我们还将为您介绍关于ASP.NET如何在没有空格的情况下将
此处将为大家介绍关于如何在HTML中将长行换行而没有空格？的详细内容，并且为您解答有关如何在html中将长行换行而没有空格呢的相关问题，此外，我们还将为您介绍关于ASP.NET 如何在没有空格的情况下将 C# 变量与 HTML 的其余部分分开、html – 为什么我的内联块后面有空格？、html – 为什么我的网站右边有空格？、html – 为什么此代码中的图像下方有空格？的有用信息。
本文目录一览：- 如何在HTML中将长行换行而没有空格？（如何在html中将长行换行而没有空格呢）
- ASP.NET 如何在没有空格的情况下将 C# 变量与 HTML 的其余部分分开
- html – 为什么我的内联块后面有空格？
- html – 为什么我的网站右边有空格？
- html – 为什么此代码中的图像下方有空格？
如何在HTML中将长行换行而没有空格？（如何在html中将长行换行而没有空格呢）
如果用户键入的长行中没有空格或空白，则会超出当前元素的宽度，从而破坏格式。就像是：
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈…
...................................................
...................................................
我已经尝试过仅wordwrap()在PHP中使用，但是问题在于，如果有链接或其他有效的HTML，它就会中断。
CSS中似乎有一些选项，但是它们都不在所有浏览器中都起作用。请参阅IE中的自动换行。
你怎么解决这个问题？
ASP.NET 如何在没有空格的情况下将 C# 变量与 HTML 的其余部分分开
如何解决ASP.NET 如何在没有空格的情况下将 C# 变量与 HTML 的其余部分分开？
我在 ASP.NET 中有这个简单的代码：
@for (i=0;i<5;i++){
var day = GetDayNameAsstring().Remove(2);
<input type="checkBox" id="@day_CB"/>
<label for="@day_CB">@day</label>
}
我想要发生的是复选框 ID 是“Mo_CB”、“Tu_CB”等。
但我不能这样做，因为 _CB 算作变量的一部分。所以intellisense 认为它必须寻找变量day_CB。有没有办法告诉 VS 变量何时结束，同时保留下划线？
解决方法
找到了：如果我主动调用 ToString()，VS 知道变量在哪里结束：
<label for="@day.ToString()_CB">@day</label>
html – 为什么我的内联块后面有空格？
参见英文答案 > display:inline-block and whitespace 3个
我正在使用浮动样式来移除空格,我想将其居中,但在我的div#bar之后会出现另一个空白区域
这是我的HTML：
和css：
#foo {
width: 100%;
background: #999;
text-align: center;
}
#bar {
display: inline-block;
}
.divo {
display: block;
float: left;
}
http://jsfiddle.net/Kodam/ay3ywtqa/
注意：我不想使用负边距或字体大小0样式.
最佳答案
由于#bar是内联元素,因此它具有为下行文本元素(例如j,y,g)保留的空间.你可以漂浮左边,但那会崩溃它,所以我建议将垂直对齐设置为顶部：
#bar {
display: inline-block;
vertical-align:top;
}
jsFiddle example
html – 为什么我的网站右边有空格？
我一直在用Animate.css制作我自己的个人网站,并注意到右侧有一个空白点,无法找出原因
这是我的代码：
<!DOCTYPE html>
<html>
<head>
<style>
.hudson {
color: white;
position: relative;
font-size: 60px;
left: 400px;
top: 110px;
font-family: Futura,'Trebuchet MS',Arial,sans-serif;
}
.threeD {
text-shadow:
0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,.1),0 0 5px rgba(0,0 1px 3px rgba(0,.3),0 3px 5px rgba(0,.2),0 5px 10px rgba(0,.25),0 10px 10px rgba(0,0 20px 20px rgba(0,.15);
}
.p1 {
position: relative;
top: 75px;
left: 100px;
-webkit-animation-delay: 1s;
}
.p2 {
position: relative;
top: 85px;
left: 100px;
-webkit-animation-delay: 1s;
}
.p3{
position: relative;
top: 95px;
left: 95px;
-webkit-animation-delay: 1s;
}
.coding {
position: relative;
top: -325px;
left: 535px;
}
.paracolor {
color: skyblue;
font-size: 25px;
font-family: Tahoma,Geneva,sans-serif;
}
.img1 {
position: relative;
top: 250px;
left: 20;
}
body {
background-image: url(PICTURES1/mountains4.jpeg);
background-size: 102%;
background-repeat: no-repeat;
}
</style>
</head>
<link rel=stylesheet href="CSS3/animate(1).css">
<body>
<h2>Hudson Reamer</h2>
<phttps://www.jb51.cc/tag/ara/" target="_blank">aracolor p1 animated fadeInRightBig">I am a young technology and coding enthusiast. I am currently studying HTML,CSS,and C++.</p>
<phttps://www.jb51.cc/tag/ara/" target="_blank">aracolor p2 animated fadeInLeftBig">I hope to one day go to MIT or Stanford to study computor science of computor engineering.</p>
<phttps://www.jb51.cc/tag/ara/" target="_blank">aracolor p3 animated fadeInRightBig">I will build people custom computors for an 100 dollar building fee and the price of the PC parts</p>
<imgsrc="PICTURES1/coding.png">
</body>
感谢您的帮助和回复！
解决方法
您正在应用position：相对于您的所有元素.然后你将它们全部向右移动到左边：400px和左边：535px和左边：100px等.左边的属性定义了从左边缘推动元素的距离.
此外,当元素相对定位时,保留其原始空间.因此,当元素向右移动时,它们也保持原始空间(即使它们不再存在),并且文档正在水平延长.
删除所有左侧属性并查看差异.一切都向左移动,水平滚动条消失. DEMO
我不确定你的布局目标是什么,但是,仅仅为了对比,这里有一个可供考虑的替代方案：而不是相对尝试绝对定位,它从文档流中删除元素,因此它们的原始空间被消除.
这是MDN：https://developer.mozilla.org/en-US/docs/Web/CSS/position的一个很好的参考
html – 为什么此代码中的图像下方有空格？
> Remove white space below image 9个
我有以下代码,它允许红色从一个元素显示.为什么是这样.我原以为a元素只会扩展到内容的大小,但它看起来比它大一点.请参阅此处的codepen http://codepen.io/anon/pen/soqEz.
HTML
<a href="#"><img src="http://placehold.it/150x150" /></a>
CSS
a{
background: red;
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}
img {
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}
编辑：我看到下面的答案……但任何人都可以解释为什么空间在那里(我的意思是它是一个块级元素……首先是它的目的是什么)…相反试图摆脱它.谢谢
解决方法
关于如何在HTML中将长行换行而没有空格？和如何在html中将长行换行而没有空格呢的介绍已经告一段落，感谢您的耐心阅读，如果想了解更多关于ASP.NET 如何在没有空格的情况下将 C# 变量与 HTML 的其余部分分开、html – 为什么我的内联块后面有空格？、html – 为什么我的网站右边有空格？、html – 为什么此代码中的图像下方有空格？的相关信息，请在本站寻找。
本文标签：
