我有一个页面显示从 mysql 数据库中检索的文本。
我不明白为什么我不能让文本在 div 中显示为文本块。相反，它溢出了 div。（我正在使用引导程序 3）这是一个小提琴
<div class="container">
<div class="row">
<!---MAIN COLUMN------>
<div class="col-xs-12 col-md-6 col-sm-8 col-lg-6 col-centered">
<h2>
How to keep the text inside the div?
</h2>
<div class="mytext">
fdsnkfhskghkgskghsdkghdskghdsklhgkdlsghds
khgkdshgdksghdsklghdskg hkdslhgkdshgkdshgkdshgkd
shgksdlhgksdhgkdslhgkdshgkdshgkdshgksd hgkldshgkd
shgkldshgkhdsgkhdskghdskhgkdlshgkdshgkldsh
gkdshgklhds kghdskghdskl
<small>
</small>
</div>
</div>
</div>
</div>我想把我的桌子放在手机上滚动.我知道它太大了 - 但我想滚动它.
它目前不会.我width=100%没试过运气......
看起来像一个简单的请求 - 想知道视口是否与它有任何关系.我宁愿保留视口格式 - 因为事情显示得更好.
<meta name="viewport" content="initial-scale=1.0; user-scalable=1;">
<table cellpadding=5 border=1 cellspacing=0>
<tr bgcolor=d7d7d7>
<td>Location</td>
<td>This</td>
<td>Size</td>
<td>That</td>
<td>Weight</td>
<td>Grade</td>
<td>Manufacturer</td>
<td>Date</td>
<td>This</td>
<td>KG</td>
<td>Feet</td>
<td>Lbs</td>
</tr>
<tr>
<td>Data Location</td>
<td>More Data</td>
<td>More Data</td>
<td>More Data</td>
<td>More Data</td>
<td>More Data</td>
<td>Manufacturer</td>
<td>Date</td>
<td>More Data</td>
<td>5555</td>
<td>6666</td>
<td>4444</td>
</tr>
</table>无法向元素添加功能javascript
该功能modalbg.onclick不起作用。
var modalbg = document.createElement("div");\n\ndocument.body.appendChild(modalbg); // to place at end of document\n modalbg.onclick(function () {\n alert();\n})\n错误是：
\n\n\n\n（索引）：625 未捕获类型错误：modalbg.onclick 不是函数（\xe2\x80\xa6）
\n
如何在同一行设置多个文件输入？就像 radio-inline 在同一行上设置单选按钮一样。有没有办法为文件输入做到这一点？
input[type="file"] {
display: none;
}
.custom-file-upload {
border: 1px solid #ccc;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
}<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class = "form-inline">
<label for="file-upload" class="custom-file-upload">
<i class="fa fa-cloud-upload"></i> Custom Upload
</label>
<input id="file-upload" type="file"/>
</div>
<div class = "form-inline">
<label for="file-upload" class="custom-file-upload">
<i class="fa fa-cloud-upload"></i> Custom Upload
</label>
<input id="file-upload" type="file"/>
</div>我必须将文本彼此相邻，第一个是粗体，下一个具有正常的字体粗细。但文字底部未对齐，在Chrome中，具有正常字体粗细的文字大约增加了1 px。
一种解决方案是用margin-top: 1px;具有正常字体粗细的文本来补偿此问题，但是由于字体，firefox和chrome似乎处理不同：
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
在不使用特定浏览器的CSS且不更改字体的情况下如何解决此问题的任何建议。
在FF和Chrome中打开此示例：Fiddle
HTML：
.bold-text, .normal-text {
display: inline-flex;
font-size: 12px;
}
.top-wrapper {
margin-top: 2px;
display: flex;
flex-direction: row;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
.bold-text {
font-weight: bold;
max-width: 115px;
}
.normal-text {
color: #777;
margin-left: 3px;
}<div class="top-wrapper">
<div class="bold-text">some random text</div>
<div class="normal-text">6 days ago</div>
</div>几乎我已经拥有了我想要的东西.在overflow-y我希望能够通过滚动,如果它熄灭在div#滚动屏幕内,但一旦溢出是有它不会一路向下滚动到选项8离开它不可见.为什么会如此,我该如何解决？
* {
margin: 0;
padding: 0;
}
#fixed {
width: 300px;
height: 100%;
max-height: 345px;
position: fixed;
background: #333;
border: 2px solid #333;
}
#menu {
background: pink;
line-height: 25px;
padding-left: 20px;
}
#scrollable {
position: absolute;
height: 100%;
width: 100%;
overflow-y: auto;
}
ul {
list-style: none;
}
ul li a {
color: white;
line-height: 40px;
padding-left: 20px;
display: block;
}
ul li a:hover {
background: blue;
}<div id="fixed">
<div id="menu">
Hello
</div>
<div id="scrollable"> …我想让图标居中对齐排成一行。
.ft-foot {
float: left;
width: 100%;
padding: 3px 10px;
background: #000;
}
.inclusion {
color: white;
padding: 5px 0 10px 0;
display: block;
letter-spacing: 1px;
text-align: center;
}
.inclusion span {
display: block;
font-size: 10px;
text-transform: uppercase;
}
.inclusion i {
font-size: 30px;
}<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="ft-foot">
<ul>
<li><a class="inclusion"><i class="fa fa-male" aria-hidden="true"></i><span>Guide</span></a>
</li>
<li><a class="inclusion"><i class="fa fa-car" aria-hidden="true"></i><span>Site seeing</span></a>
</li>
<li><a class="inclusion"><i class="fa fa-building-o" aria-hidden="true"></i><span>Hotels</span></a>
</li>
<li><a class="inclusion"><i class="fa fa-plane" aria-hidden="true"></i><span>Transportation</span></a>
</li>
<li><a class="inclusion"><i class="fa …