[回到版面][▼底部]
回應模式
名 稱
E-mail
標 題
內 文
附加圖檔[] []
刪除用密碼(刪除文章用。英數字8字元以內)
驗證碼
  • 可附加檔案類型:GIF, JPG, PNG, BMP, SWF;大小限制:3072 KB。
  • 當回文時E-mail填入sage為不推文功能。
  • 發文間隔時間為 30 秒;貼圖間隔時間為 30 秒。
  • 目前附加圖檔使用量大小: 20823 KB / 1313072 KB


0

overflow 無名 ID:VnRUHxGANo.1385回報推文

以下表格,
ccc的333333因太長而自動跳到下一行,
有沒有辦法變成overflow的x給他scroll過去而不換行?
我明明set了overflow但只對y有反應...
謝謝大家!!

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script&gt;
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script&gt;

<style>
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
min-width: 550px;
background-image: url("image/bg.jpg");
background-attachment: fixed;
font-family: Microsoft JhengHei;
text-align: justify;
}

.clearfix_a {
background: rgba(255, 255, 255, 0.3);
width: 100%;
display: inline-block;
}
.clearfix_b {
width: 100%;
display: inline-block;
}

#s02_d1 {
width: 100%;
padding: 40px 0 40px 0;
background-color: #328FB4;
color: #FFF;
}
#s02_d1_title {
margin: 0px auto;
width: 450px;
padding: 20px 0 20px 0;
}
#s02_d1_menu {
width: 100%;
padding: 0 0 20px 0;
}

ul.sidenav {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
ul.sidenav li {
display: inline-block;
}
ul.sidenav li a {
display: inline-block;
color: #FFF;
padding: 0 10px;
text-decoration: none;
transition: 0.3s;
}
ul.sidenav li a:hover {color: rgba(0, 0, 0, 0.3);}

#s02_d1_content {
margin: 0px auto;
max-width: 800px;
height: 600px;
overflow: scroll;
}
.s02_d1_content_title {
background: rgba(255, 255, 255, 1);
color: #328FB4;
width: 100%;
padding: 10px 0 10px 0;
margin: 0 0 -5px 0;
display: inline-block;
}
#s02_d1_content_1 {
width: 140px;
padding: 5px 10px 5px 10px;
float: left;
}
#s02_d1_content_2 {
width: 180px;
padding: 5px 10px 5px 10px;
float: left;
}
#s02_d1_content_3 {
padding: 5px 10px 5px 10px;
float: left;
}
</style>

</head>
<body>
<div id="s02_d1">
<div id="s02_d1_title">
<div style="text-align:center; font-size:48px; line-height:72px">Title</div>
<span style="font-size:18px; line-height:24px">contentcontentcontentcontentcontentcontentcontent</span><br>
<span style="font-size:13px; line-height:13px">contentcontentcontentcontentcontentcontentcontentcontentcontent</span>
</div>
<div id="s02_d1_menu">
<ul class="sidenav">
<li><a data-target="#s02" data-slide-to="0" href="#">button1</a></li>
<li><a data-target="#s02" data-slide-to="1" href="#">button2</a></li>
</ul>
</div>

<div class="container" style="padding:0; max-width:800px">
<div id="s02_d1_content">
<div id="s02" class="carousel slide">
<div class="carousel-inner" role="listbox">

<div class="item active">
<img src="image/1701.jpg">
<div class="s02_d1_content_title">
<div id="s02_d1_content_1">aaa</div><div id="s02_d1_content_2">bbb</div><div id="s02_d1_content_3">ccc</div>
</div>
<div class="clearfix_a">
<div id="s02_d1_content_1">111</div><div id="s02_d1_content_2">222</div><div id="s02_d1_content_3">333</div>
</div>
<div class="clearfix_b">
<div id="s02_d1_content_1">111</div><div id="s02_d1_content_2">222</div><div id="s02_d1_content_3">333</div>
</div>
<div class="clearfix_a">
<div id="s02_d1_content_1">111</div><div id="s02_d1_content_2">222</div><div id="s02_d1_content_3">333</div>
</div>
<div class="clearfix_b">
<div id="s02_d1_content_1">111</div><div id="s02_d1_content_2">222</div><div id="s02_d1_content_3">333333333333333333333333333333333333333333333333333333333333333333333</div>
</div>
</div>

<div class="item">
<img src="image/1702.jpg">
<div class="s02_d1_content_title">
<div id="s02_d1_content_1">aaa</div><div id="s02_d1_content_2">bbb</div><div id="s02_d1_content_3">ccc</div>
</div>
<div class="clearfix_a">
<div id="s02_d1_content_1">111</div><div id="s02_d1_content_2">222</div><div id="s02_d1_content_3">333</div>
</div>
<div class="clearfix_b">
<div id="s02_d1_content_1">111</div><div id="s02_d1_content_2">222</div><div id="s02_d1_content_3">333</div>
</div>
<div class="clearfix_a">
<div id="s02_d1_content_1">111</div><div id="s02_d1_content_2">222</div><div id="s02_d1_content_3">333</div>
</div>
<div class="clearfix_b">
<div id="s02_d1_content_1">111</div><div id="s02_d1_content_2">222</div><div id="s02_d1_content_3">333</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>



0
【刪除文章】[]
刪除用密碼: