我希望有一个<div>具有水平滚动的id,但问题是它必须是响应,而不是固定宽度.
html, body {margin: 0; padding: 0;}
#myWorkContent{
width:530px;
height:210px;
border: 13px solid #bed5cd;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
#myWorkContent a {
display: inline-block;
vertical-align: middle;
}
#myWorkContent img {border: 0;}
<div id="myWorkContent">
<a href="assets/work/1.jpg"><img src="http://placekitten.com/200/200/" height="190"></a>
<a href="assets/work/2.jpg"><img src="http://placekitten.com/120/120/"/></a>
<a href="assets/work/3.jpg"><img src="http://placekitten.com/90/90/" height="90" width="90"></a>
<a href="assets/work/4.jpg"><img src="http://placekitten.com/50/50/" height="190"></a>
<a href="assets/work/5.jpg"><img src="http://placekitten.com/100/100/"></a>
<a href="assets/work/6.jpg"><img src="http://placekitten.com/200/200/" height="190"></a>
</div><!-- end myWorkContent -->
感谢http://jsfiddle.net/clairesuzy/FPBWr/
问题在于530px.我想用100%代替.但后来我得到了页面滚动和DIV的滚动向右,无法得到它,任何想法？
以下是关于解决方案的塞尔维亚文章 http://www.blog.play2web.com/index.php?id=18
我看看Stack Overflow,并没有找到解决方案,我知道如果样式存在,如何覆盖样式,只需更改其属性.但现在我有一种奇怪的风格来覆盖
这是我所拥有的一个例子
首先我有这个:
.slikezamenjanje img{
max-width: 100%;
max-height:150px;
padding-right:7px;
}
现在我需要用这一个覆盖那个样式:
#zoomTarget .slikezamenjanje img {
max-width: 100%;
}
问题是第一个样式追加第二个,但我不想要,在第二个样式中我需要的只是一行,而不是从第一个样式追加？
我正在使用此示例中的simple_html_dom.php库
http://nimishprabhu.com/top-10-best-usage-examples-php-simple-html-dom-parser.html
但是我在课堂上得到了错误500,当我在浏览器中键入url时它可以正常工作吗？
我有像这样的阵列中的一些vaules
$result= Array (
[Avenya Group AG] =>
Array (
[link] => CHE-218.938.800
[href] => http://zh.powernet.ch/webservices/inet/HRG/HRG.asmx/getHRGHTML?chnr=0203038402&amt=020&toBeModified=0&validOnly=0&lang=1&sort=0 ) )
当我尝试这样的事情
foreach($result as $key => $value) {
$xmlFind = file_get_html($value['href']);
foreach($xmlFind->find('a') as $a) {
echo '<p>'.$a->href.'</p>';
}
}
我收到了错误
遇到PHP错误严重性:警告消息:file_get_contents(http://zh.powernet.ch/webservices/inet/HRG/HRG.asmx/getHRGHTML?chnr=0203038402&amt=020&toBeModified=0&validOnly=0&lang=1&sort=0):失败打开流:HTTP请求失败!HTTP/1.1 500内部服务器错误文件名:libraries/Simple_html_dom.php行号:76
但是,当我像这样手动尝试
$xmlFind = file_get_html('http://zh.powernet.ch/webservices/inet/HRG/HRG.asmx/getHRGHTML?chnr=0203038402&amt=020&toBeModified=0&validOnly=0&lang=1&sort=0');
结果就在那里,如果我输入那个网址我浏览器一切都好,只有我遇到的问题是当我尝试循环数组？
我试图将标题传递给 html-webpack-plugin，但它根本不创建标题标签:(
有人可以告诉我问题出在哪里吗
webpack.js
var HtmlWebpackPlugin = require('html-webpack-plugin');
var webpack = require('webpack');
module.exports = {
entry: ['./src/app/main.ts'],
output: {
filename: 'build.js',
path: 'dist'
},
resolve: {
root: __dirname,
extensions: ['', '.ts', '.js', '.json']
},
resolveLoader: {
modulesDirectories: ["node_modules"]
},
devtool: "source-map",
plugins: [
new HtmlWebpackPlugin({
title : 'Hello',
template: './src/index.html',
inject: 'body',
hash: true,
})
],
module: {
loaders: loaders
}
};
这是index.html
<!doctype html>
<html lang="en">
<head>
<noscript>
<meta http-equiv="refresh" content="0; url=https://en.wikipedia.org/wiki/JavaScript">
</noscript>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta …我正在使用具有类似内容的Razor MVC的主布局
@RenderSection("scripts", required: false)
并有部分观点
_partial.cshtml
有这个
@section scripts
{
@Scripts.Render("~/bundles/jquery")
}
另一部分偏见
_partial_inside_partial.cshtml
那也有
@section scripts
{
<script>
$('div').addClass('red');
</script>
}
我有这个代码部分内部的问题,它在页面中间的负载,jquery是在底部？
CI中的图像类有问题吗？
这是一个例子
在控制器上:
$this->load->library( array('image_lib') );
在视图上我有这个:
foreach($results as $row)
{
$config['image_library'] = 'gd2';
$config['source_image'] = '/img/proizvodi/'.$row->proizvodid.'.jpg';
$config['create_thumb'] = TRUE;
$config['maintain_ratio'] = TRUE;
$config['width'] = 75;
$config['height'] = 50;
$this->load->library('image_lib', $config);
$this->image_lib->resize();
}
但我没有错误,拇指图像没有创建？我不知道哪里出错了？
这就是我现在所拥有的,看看stackoverflow无处不在,所有的解决方案都没有为我工作:(问题是,我使用draggable和resizable一些元素等图片,这是容器中有溢出属性的地方.问题来了有了draggable,我希望不要将该对象移动到页面顶部的图片上,但是元素总是位于顶部的图片下面.如果我首先调整大小,我可以将元素移到图片上,之后没有变化:(另一个问题是我首先要调整大小,第二个对象来到那个元素,只是重叠它？
我已经为这两个修复尝试了很多解决方案,但没有运气.这就是我现在所拥有的
CSS
#zidomotac{
width:100%;
}
#myWorkContent{
width:100%;
overflow-x: scroll;
white-space: nowrap;
box-sizing:border-box;
margin-bottom:20px
}
.slikezamenjanje{
width: 100px;
float:left;
display: inline-block;
vertical-align: middle;
}
.slikezamenjanje img{
max-height: 120px;
overflow:hidden;
width: 100%;
}
外部
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
功能
<script type="text/javascript">
$(document).ready(function() {
$('.slikezamenjanje').draggable().resizable({
aspectRatio: 16 / 9,
});
});
</script>
HTML
<div id="zidomotac"><img src="http://www.vectorimages.org/09/0920100513111825424.jpg"></div>
<div id="myWorkContent">
<div class="slikezamenjanje"><img src="http://placekitten.com/200/200/"/></div>
<div class="slikezamenjanje"><img src="http://placekitten.com/200/200/"/></div>
</div>
</div>
这是工作jsfiddle http://jsfiddle.net/gorostas/CS93M/ 我希望有人能找到解决方案
EDITED
也许我可以首先调用可调整大小然后内部可拖动？
UPDATE
如果我像这样使用拖拽
$(document).ready(function() {
$(".slikezamenjanje").draggable({
revert: "invalid" …我有一些 @media print 用于打印我的页面内容，但是当我尝试 ptint 我的页表截断时，我对 boostrap class .responsive-table有问题？
我有一些在 bootstrap 中打印响应式表格的解决方案 这是我现在的 css
@media print {
#top-navigation{
display:none !important;
}
footer{
display:none !important;
}
.main-footer-sub{
display:none !important;
}
a[href]:after {
content: none !important;
}
.hotel-detail-sidebar{
display: none !important;
}
#menu-navigation{
display:none !important;
}
#carousel{
display:none !important;
}
#preporuka-agencije{
display:none !important;
}
#preporuka-agencije{
display:none !important;
}
#offers-sugessted{
display:none !important;
}
#share-buttons{
display:none !important;
}
.tab-content > .tab-pane {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.responsive-tabs{ …我有一些像这样的emun
export enum Languages {
nl = 1,
fr = 2,
en = 3,
de = 4
}
有些const language ='de';
我只需要检查枚举约束 const 语言，我知道使用数组我可以
包含但如何检查 ENUM？
我也知道我可以这样检查
if (type in Languages) {
}
但这项工作是数字而不是字符串
我现在如何启用prettyphoto,但问题是如何禁用？
在这里我启用prettyPhoto
$(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto({ social_tools:false, }); });
如何禁用？
css ×3
overflow ×2
asp.net-mvc ×1
clear ×1
codeigniter ×1
css3 ×1
draggable ×1
foreach ×1
html ×1
javascript ×1
jquery ×1
jquery-ui ×1
overriding ×1
php ×1
prettyphoto ×1
razor ×1
styles ×1
typescript ×1
webpack ×1